Two column layout, left column fixed width

[Doug McCrae]

http://www.btinternet.com/~doug.mccr...ing/index.html

As it says in the subject, a two column layout (plus header and footer
boxes). I feel the left column really needs to be fixed width (151px) as it
contains an image, while everything else is fluid. However this only works
in IE 6.0. In Netscape and Opera I found that the auto width of the right
column is 100% so it jumps down below the menu if the left column is fixed -
not what I want at all. Currently I'm using a JavaScript browser sniffer*
with all fluid widths as a current best solution for Netscape.

Can anyone suggest how I can do a fixed width left column for
Netscape/Opera? Or any alternative layout suggestions?

*Which doesn't work in Opera because Opera registers as 'Microsoft Internet
Explorer'! Huh!!?

--
Doug McCrae
do*********@btinternet.com

[Brian]

Doug McCrae wrote:

http://www.btinternet.com/~doug.mccr...ing/index.html
lots of markup errors. Fix those before working on the stylesheet(s).
Currently I'm using a JavaScript browser sniffer*
Terrible idea. Broswer sniffers are unreliable.
*Which doesn't work in Opera because Opera registers as 'Microsoft
Internet Explorer'! Huh!!?

This is just one of the reasons.

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

[Barbara de Zoete]

Doug McCrae wrote:

http://www.btinternet.com/~doug.mccr...ing/index.html

As it says in the subject, a two column layout (plus header and footer
boxes). I feel the left column really needs to be fixed width (151px) as it
contains an image, while everything else is fluid.

Maybe it's me, but in your stylesheet I don't see this fixed with:
<quote>
..boxLeft {
float: left;
color: #39C;
background: transparent;
font-weight: bold;
margin: 0 1% 0 1%;
padding: 0;
}
</quote>

In IE6, 1024x768px all the items you mentioned (topbox, bottom box,
leftbox en content box) are 100% wide at this moment.

I use 'columns' to position menu and content fluidly side by side
myself. To achieve this I positioned the menu column _absolute_. Not
using floats helped me a lot in being able to put columns side by side.

Combining a fixed width, absolutely positioned menu box with a 'free'
content (no div necessary) within margins set for the body works fine
for me.

--

Groet,
Barbara

http://home.wanadoo.nl/b.de.zoete/html/vliegen.html *Zweefvliegen*?
http://home.wanadoo.nl/b.de.zoete/html/weblog.html *Dagboek*

[Headless]

Doug McCrae wrote:

Can anyone suggest how I can do a fixed width left column for
Netscape/Opera? Or any alternative layout suggestions?

*Which doesn't work in Opera because Opera registers as 'Microsoft Internet
Explorer'! Huh!!?

Nonsense, Opera identifies itself as Opera no matter what the ID setting
is, your script is simply to dumb. Note that browser sniffing is a
fundamentally flawed concept in the first place.
Headless

--
Email and usenet filter list: http://www.headless.dna.ie/usenet.htm