BleepingComputer.com: Ap Div Alignment

Hi,

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: 24 January 2008 - 04:07 PM

Try This:

#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.

Thank you for your response.

You solved the issue of the increasing size Thanks

Works 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: 24 January 2008 - 05:43 PM

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.

Quote

yeah you're probably right.

Thanks so much once again Groove.