• 0

[CSS] Absolute positioning help with resolutions


Question

I have created a design which normally looks like this(at 1280x1024):

post-262506-1245144133_thumb.jpg

It is due to the absolute positioning that I am using.

It kinda stuffs up on a larger res(1920x1080):

post-262506-1245143091_thumb.jpg

Does anyone have any ideas on how i can fix this?

View the page here for css etc

BTW relative popsitioning turns out to look like this:

post-262506-1245147988_thumb.jpg

So it doesnt really fix anything

Edited by ~Matt~

4 answers to this question

Recommended Posts

  • 0

One way to fix it while still allowing for absolute positioning is to set "position: relative;" on the parent element (position: absolute; is absolute against the browser viewport or a parent element that's relatively positioned)

#header {
	position:relative;
}

That "fixes" it, but the positions are wrong now, since before it was going off the side of the browser window, but now it's going off it's parent div, so you'd have to adjust those.

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.