 Ap Div Alignment |
Welcome Guest ( Log In | Click here to Register a free account now! )
Register a free account to unlock additional features at BleepingComputer.com
Welcome to Bleeping Computer, a free community where people like yourself come together to discuss and learn how to use their computers. Using the site is easy and fun. As a guest, you can browse and view the various discussions in the forums, but can not create a new topic or reply to an existing one unless you are logged in. Other benefits of registering an account are subscribing to topics and forums, creating a blog, and having no ads shown anywhere on the site.  |
 Jan 24 2008, 04:05 PM
Post
#1
|
|
 Distinguished Member  Group: Members Posts: 643 Joined: 24-October 06 From: Sydney, Australia Member No.: 91,867  |
yep im back for more questions hehe i can't believe i didn't put a topic in here straight away when I had the problem, I went to another forum that had significantly less users. stupid me  Anyway, here's the site: TeamNyteStroke's Contact Page Gone Bad As you can see the text there says: "Under Construction". It's absolutely positioned, so when you resize the window, it appears to be staying in the exact same spot. Which is technically what it should be doing, right? but not what i want it to be doing. If someone could take a look at the code for me, and try to explain why/how to fix this, so it stays centered in the middle of the screen even when you resize the window. Thanks very much to anyone who can help out!  ~Pat ::EDIT:: Oh yeah, im using Dreamweaver to make the content + Photoshop for the images This post has been edited by Sp0nge: Jan 24 2008, 04:07 PM -------------------- |
 |
 
|
|
Jan 24 2008, 05:17 PM
Post
#2
|
|
 Hail Groovicus! Group: Site Admin Posts: 6,454 Joined: 5-June 04 From: Vermillion, SD Member No.: 689 |
Try This:
CODE #Layer3 { position:absolute; top: 50%; left: 25%; width: 50%; height: 50%; } You may have to fudge the 'top' number a bit to get it where you want, otherwise that works in Firefox. -------------------- |
|
|
|
|
Jan 24 2008, 05:41 PM
Post
#3
|
|
|
Distinguished Member Group: Members Posts: 643 Joined: 24-October 06 From: Sydney, Australia Member No.: 91,867 |
Thank you for your response.
You solved the issue of the increasing size ThanksWorks both in internet explorer and firefox When I size it smaller, like, much smaller, it scrunches up. Is this happening to the text and not the images because the DIV has not "hit" the side yet whereas the images have? and is there a way to fix that. Sorry if im sounding like a perfectionist, its just bugging me. I hate DIVs now lol i updated the page so you can take a look if you need to also, wen you scale it height-wise, it seems to be messing up aswell. Why are div's such a pain? 
This post has been edited by Sp0nge: Jan 24 2008, 05:43 PM -------------------- |
|
|
|
|
Jan 24 2008, 05:50 PM
Post
#4
|
|
|
Hail Groovicus! Group: Site Admin Posts: 6,454 Joined: 5-June 04 From: Vermillion, SD Member No.: 689 |
It scrunches up because the div tag is getting resized to fit the window. Nothing you can do about that unless you are into scripting something that resizes the text. Chances are that nobody will be looking at it on anything less than 800X600 anyway.
If I recall correctly, the image dictates the size of the div, so no matter what, the div is always going to be as big as the image, and you will not be able to resize it by scaling the page. -------------------- |
|
|
|
|
Jan 24 2008, 06:24 PM
Post
#5
|
|
|
Distinguished Member Group: Members Posts: 643 Joined: 24-October 06 From: Sydney, Australia Member No.: 91,867 |
QUOTE Chances are that nobody will be looking at it on anything less than 800X600 anyway. yeah you're probably right. Thanks so much once again Groove. -------------------- |
|
|
|
|
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
| Lo-Fi Version | Time is now: 9th January 2009 - 04:47 AM |
© 2003-2008 All Rights Reserved Bleeping Computer LLC.