I am working with the code supplied by 'Cleva Trava'and using it for a non-table layout on
telfordsteamrailway.co.uk/newcss/contacts2.shtml
and
telfordsteamrailway.co.uk/newcss.thom2.shtml
and also thom3, thom4 and thom5
(the only diff between these is the definitions of the CSS for the 'clear' class
thom3 and thom5
Give best results -
OK with MAC OSx 10.3.3 + Safari 1.2, IE5 and Netscape 7.1
OK with Win + IE6 and Netscape 7.1
Win + Netscape 7.0 has layout problem -
The <div class='clear'></div> structure creates a large gap between rows
Any ideas?
Can anyone check with other browsers (Opera, Mozilla etc)?
Allan
Layout problem with Netscape 7.0
Hi Allan
Change this style:
.clear { clear: both; }
to this:
.clear { clear: both; height:1px; overflow:hidden; }
And give that a whirl.
Trevor
Thanks trev - thats almost got it
I eventually used
.clear {
clear: both;
height: 1px;
overflow: hidden;
margin-bottom: -1px;
}
Got the 'Thom' page layout all but done
'page attached'
Layout / Text is ok in
MAC - Netscape 7.1 / Safari 1.2
Win - Netscape 7.0 / 7.1 / IE6
Only one minor issue in IE5.1 -
See attached screen grab
Notice Copyright text overflows box
Appreciate your tolerance - any more ideas
Maybe this is something the needs a CSS only for IE5 using the IE5 hack?
Allan
Got it
THanks Trev
Also fixed Hease problem