CSS layout - problems with Mozilla 1.4 and general comments

[Steve Pugh]

I've been playing with a CSS based layout at
http://steve.pugh.net/vtt/

I thought this wouldn't be too tricky, but eventually had to use a
combination of position: relative and float which is a bit messy. (I
also had to do some other nasty things to work round IE's host of
bugs).

At the moment it's working perfectly in IE6, Opera 7.11 and older
Gecko based browsers.
But when it comes to Mozilla 1.4 (and hence also Netscape 7.1) the
actual text of navigation drops down to below the end of the content,
although the box containing that text still displays correctly.

XHTML and CSS pass validation.

Any ideas about what I've missed?

And in general, how does it look in other browsers. I'd especially
like to hear about Win IE5.5, Win IE5, Mac IE5, Safari and Konqueror.

cheers,
Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>

[Steve Pugh]

Steve Pugh <st***@pugh.net> wrote:

I've been playing with a CSS based layout at
http://steve.pugh.net/vtt/

At the moment it's working perfectly in IE6, Opera 7.11 and older
Gecko based browsers.
But when it comes to Mozilla 1.4 (and hence also Netscape 7.1) the
actual text of navigation drops down to below the end of the content,
although the box containing that text still displays correctly.

Okay, I've fixed it. I had an extraneous right hand side margin on my
content container. Now looking good in IE6, Opera 7 and Gecko
browsers.

I'm still interested in feedback from other browsers though.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>

[Brian]

Steve Pugh wrote:

http://steve.pugh.net/vtt/

And in general, how does it look in other browsers. I'd especially
like to hear about Win IE5.5, Win IE5, Mac IE5, Safari and Konqueror.

MSIE 5.0/Win looks nearly identical to Moz 1.3/Win. The borders that
give the boxes a raised look actually look a little better on MSIE 5.0
(sic).

--
Brian
follow the directions in my address to email me

[Stan Brown]

In article <q9********************************@4ax.com> in
comp.infosystems.www.authoring.stylesheets, Steve Pugh
<st***@pugh.net> wrote:

Steve Pugh <st***@pugh.net> wrote:

I've been playing with a CSS based layout at
http://steve.pugh.net/vtt/

I'm still interested in feedback from other browsers though.

MSIE 4 puts nav links 1-4 in a box at upper right, "Praesent" text
in a VERY wide box below that (forces horizontal scrolling even on
1024 pixel screen), and nav links 5-8 left justified in a box that
is itself right justified below and slightly wider than the
"Praesent" box.

--
Stan Brown, Oak Road Systems, Cortland County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
2.1 changes: http://www.w3.org/TR/CSS21/changes.html
validator: http://jigsaw.w3.org/css-validator/

[Steve Pugh]

Stan Brown <th************@fastmail.fm> wrote:

In article <q9********************************@4ax.com> in
comp.infosystems.www.authoring.stylesheets, Steve Pugh
<st***@pugh.net> wrote:

Steve Pugh <st***@pugh.net> wrote:

I've been playing with a CSS based layout at
http://steve.pugh.net/vtt/

I'm still interested in feedback from other browsers though.

MSIE 4 puts nav links 1-4 in a box at upper right, "Praesent" text
in a VERY wide box below that (forces horizontal scrolling even on
1024 pixel screen), and nav links 5-8 left justified in a box that
is itself right justified below and slightly wider than the
"Praesent" box.

Thanks.

IE4 may end up with NN4 in getting a bare bones stylesheet (I've not
yet written it). Just too much hassle.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>

[AD.]

On Thu, 11 Sep 2003 12:16:39 +0100, Steve Pugh wrote:

Okay, I've fixed it. I had an extraneous right hand side margin on my
content container. Now looking good in IE6, Opera 7 and Gecko
browsers.

I'm still interested in feedback from other browsers though.

I never saw it before you fixed it but it looks ok in Firebird 0.6.1 on
Linux.

It's messy in Konqueror 3.1.3 though. The 2nd and 3rd boxes on the right
are below the main text, and the first box seems to be tall and skinny and
hiding underneath (ie behind) the main text with none of its
content visible.

Cheers
Anton