mean dspt wrote:
>Hi, I was experimenting with layouts from Layout Gala
>http://blog.html.it/layoutgala/
>it uses exessively negative margins and floats for layouts. I've
>modified one of the layouts, and added some new divs. The sample page
>is there http://pmplus.org/layout7.html You can notice the side
>columns are strangely rendered.
>I can't understand the behaviour of .navigation and .extra divs. Why
>are they stacked one over each other, instead of running one beneath
>another? there's no absolute or relative positioning used...
>What rules make them overlap?
>
>Yegor
>
Hi Yegor,
Compared with the original LayoutGala #7 you removed some div's too! :-)
The omitted #container means, that IE now is performing not good (not
centered, and "inside the 700px width" div's can escape to a wider total
width - and as IE wants to think bigger than standards compliant
browsers, IE is consuming extra space).
The width=100% in the omitted #wrapper is essential too. It is setting
the conditions for all descendant div's.
If you've brought back these div's, you can easy see what is happening
with some experiments:
* First comment out all the class="extra" div's.
* Then comment out all class="navigation" div's, except the first one.
* Now add the second one, but with a margin-left of 0px, and see
what happens.
* After that, you can give a bit negative margin-left, say
margin-left:-50px, and see what happens.
* Then make some steps to go to margin-left:-700, and see what happens.
If you want a column with navigation 1), navigation 2), and so on, you
can try a class="navigationNext" for the numbers 2, 3, ... with only
.navigationNext{clear:left;} in it. These navigationNext div's then have
to be placed *inside* a wrapping <div id="navigation">...</div> with the
properties of the nav-class you have now. Otherwise the clearing of the
floats will interfere with the other floats on the page.
I hope this is clear and working...
Success with experimenting!
francky
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
