468,107 Members | 1,337 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,107 developers. It's quick & easy.

Two column layout, left column fixed width

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
Jul 20 '05 #1
3 5086
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

Jul 20 '05 #2
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*

Jul 20 '05 #3
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
Jul 20 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

3 posts views Thread by Spondishy | last post: by
1 post views Thread by ChitownE | last post: by
4 posts views Thread by Chuck | last post: by
12 posts views Thread by Yofnik | last post: by
1 post views Thread by Solo | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.