Posted by GreyWyvern on 04/04/06 18:12

And lo, Paul Watt didst speak in
alt.html,alt.www.webmaster,comp.infosystems.www.authoring.stylesheets:

> Hi again,
> Ok so I've got two new problems with this layout
> http://www.paulwatt.info/test/turn/
>
> 1) When I increase the width of the Maincontent Div from 73% to 74% to
> line
> it up with the right hand side of the page, the whole div drops to below
> the
> level of the leftcell div. put it back to 73% and it goes back to its
> correct posistion.
>
> 2) It looks fine in IE but a absolute dogs dinner in FF. whys this?
>
> Thanks once again for all your help! This would be soooooo easy to do
> with the good old <table> tag!

Paul, you are taking the table-layout mode of thought and trying to force
it upon CSS and expecting it to comply. These blocks are still "cells" to
you, which is likely why you feel the need to over-specify properties on
them. Relax, and remember that the more CSS you have, the harder it is to
debug. Keep things simple, the default styles on the block elements you
are using already provide for most of what you are trying to do.

First, remove the width property from the .maincontent rule entirely.
<div>'s expand to fit all available horizontal space by default, so the
margin-left property is the only width-limiting style you require here.

To change how far the .maincontent div sits apart from the menu, just
change the value of the margin-left property. That's it.

Grey

--
The technical axiom that nothing is impossible sinisterly implies the
pitfall corollary that nothing is ridiculous.
- http://www.greywyvern.com/orca#search - Orca Search: Full-featured
spider and site-search engine

[Back to original message]