ltparis — Thu, 08 Sep 2005 16:40:19 +0000

I cleaned up the code to remove the extra relative position in the content wrapper, + tags, and removed the relative position tags in the subsequent child div tags. That being said still researching into some solution.

Resolution
By putting in a .class of "clear: both;" and a br in each child everything works super smooth:

<div id="body-wrap">

	<div id="top-wrap">
		<div id="logo"></div>
		<div id="image-menu"></div>
                <br class="clear" />
	</div>
	
	<div id="top-image"><br class="clear" /></div>
	
	<div id="main-content-wrap">
		<div id="pane-left"></div>
		<div id="pane-middle"></div>
		<div id="pane-right"></div>
                <br class="clear" />
	</div>
	
</div>

bja888 — Thu, 08 Sep 2005 16:32:29 +0000

Quote:
#main-content-wrap {position: relative; width: 770px; height: 100%; top: +35px; position: relative;}
'

Well I could be wrong but this is what I know about CSS.
- You only need one "position: relative;".
- Height and Width don’t work with relative positioning
- With relative positioning CSS doesn’t need a positive indicator "+"

Relative positioning works as fallows....
You have a layer on a page that is 500 pixels wide because you have text in it that stretches that far. you can move it in any direction from where it is originally posted. The browser still thinks that block of text is still in its original spot but is displayed somewhere else.