3 replies [Last post]
allan smith
Offline
Enthusiast
Last seen: 8 years 21 weeks ago
Timezone: GMT+1
Joined: 2004-01-20
Posts: 53
Points: 2

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

Allan Smith
Web Manager
Telford Steam Railway

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 50 weeks 1 day ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

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

allan smith
Offline
Enthusiast
Last seen: 8 years 21 weeks ago
Timezone: GMT+1
Joined: 2004-01-20
Posts: 53
Points: 2

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

Allan Smith
Web Manager
Telford Steam Railway

allan smith
Offline
Enthusiast
Last seen: 8 years 21 weeks ago
Timezone: GMT+1
Joined: 2004-01-20
Posts: 53
Points: 2

Got it

THanks Trev
Also fixed Hease problem

Allan Smith
Web Manager
Telford Steam Railway