Sent by Kelemen Zoltan on 25 March 2004 03:03
Hi!
I've sort-of finished a site [1] featuring two and three-column layouts,
mostly based on Big John's Piefecta [2], but simplified a lot ... Now,
in the making, as I modified the css, I messed it up somewhere, and it's
not working as expected anymore, and I just can't figure out what's
wrong ...
My problem is, the floated left column (class 'bal') is overflowing a
clear (it actually overflows two :) ), but only in Mozilla (or Firefox,
both Win and Linux). (both the footer div has a clear:both set, and a
<br /> above it ... )
A non-valid solution, that I've found to work is commenting out the
float with a single-line style comment. - But this doesn't validate, and
it shouldn't be there anyway :)
The 'offending' piece of css:
..bal {
// float:left;
position:relative;
margin-left:-180px;
width:180px;
text-align:center;
padding-bottom:50px;
}
the complete stylesheets are to be found here: three column: [3] two
column: [4] (as the problem is with the left column, it can appear in
both cases)
Example of a page, where this would cause trouble in mozilla, without
the comments: [5] (right now it's commented, like above).
Also, if you see any kind of problem in any browser/platform, please tell.
thanks,
Zoltan Kelemen
ps. sorry about the language - both me and the site's contents are
hungarian ... (bal means left, oszlopok - columns, jobb - right ;) )
[1] http://www.hamlet.ro
[2]
http://www.positioniseverything.net/piefecta-rigid.html
[3] http://hamlet.transindex.ro/style/3oszlop.css
[4] http://hamlet.transindex.ro/style/2oszlop.css
[5] http://hamlet.transindex.ro/emberek.php?id=707
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/