Connecting Tech Pros Worldwide Help | Site Map

Two column layout, left column fixed width

Doug McCrae
Guest
 
Posts: n/a
#1: Jul 20 '05
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
doug.mccrae@btinternet.com


Brian
Guest
 
Posts: n/a
#2: Jul 20 '05

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
Guest
 
Posts: n/a
#3: Jul 20 '05

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
Guest
 
Posts: n/a
#4: Jul 20 '05

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
Closed Thread