GoFuckYourself.com - Adult Webmaster Forum - View Single Post - Who's good with CSS layout positioning

teg0 · 12-17-2007, 06:28 AM

Its because you probably don't have a "container" for it. You need to have that code inside some other div tag that has something like

Code:

position: relative;
width: 500px;
height: 600px;

The position relative is important and so is having a set width. The reason it is looking different at different resolutions is because if you don't have a container around that code it is positioning itself using the top left corner of the browser window.

so in the end you'll have code thats like this (if your are putting all yoru css code inline:

Code:

<div style="position:relative;width:600px;height:600px;">
<div style="position:absolute;left:65px;top:60px;height :400px;">
</div>
</div>

Hope that makes sense, but I'm 100% sure thats what your problem is. Everyone learning CSS runs into that once.

12-17-2007, 06:28 AM
teg0 Confirmed User Join Date: Jan 2006 Location: Gringo in Puerto Rico Posts: 4,200	Its because you probably don't have a "container" for it. You need to have that code inside some other div tag that has something like Code: position: relative; width: 500px; height: 600px; The position relative is important and so is having a set width. The reason it is looking different at different resolutions is because if you don't have a container around that code it is positioning itself using the top left corner of the browser window. so in the end you'll have code thats like this (if your are putting all yoru css code inline: Code: <div style="position:relative;width:600px;height:600px;"> <div style="position:absolute;left:65px;top:60px;height :400px;"> </div> </div> Hope that makes sense, but I'm 100% sure thats what your problem is. Everyone learning CSS runs into that once. Last edited by teg0; 12-17-2007 at 06:30 AM..