Two column layout, left column fixed width

**Brian** · Jul 20 '05, 08:13 PM

Re: Two column layout, left column fixed width

Doug McCrae wrote:[color=blue]
> http://www.btinternet.com/~doug.mccr...ing/index.html[/color]

lots of markup errors. Fix those before working on the stylesheet(s).
[color=blue]
> Currently I'm using a JavaScript browser sniffer*[/color]

Terrible idea. Broswer sniffers are unreliable.
[color=blue]
> *Which doesn't work in Opera because Opera registers as 'Microsoft
> Internet Explorer'! Huh!!?[/color]

This is just one of the reasons.

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

**Barbara de Zoete** · Jul 20 '05, 08:13 PM

Re: Two column layout, left column fixed width

Doug McCrae wrote:[color=blue]
> 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.[/color]

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** · Jul 20 '05, 08:13 PM

Re: Two column layout, left column fixed width

Doug McCrae wrote:
[color=blue]
>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!!?[/color]

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

Two column layout, left column fixed width

Two column layout, left column fixed width

Comment

Comment

Comment