CSS layout problem in firefox

[Scott]

I've been trying to use css stylesheets to lay out a header, a left
column and a main content area using width as percentages so the
layout can expand and contract with the browser. I'm using Visual
Studio 2008 professional with VB as the codebehind language on the
aspx pages as well as having a page master with the header, left nav,
and footer contained in it and a ContentPlaceHolder in the main right
div to be filled in by the various pages default, aboutus, contactus,
etc.

I need the main content to be in the rendered page first so the most
important unique content is displayed first for search engines and WAP
browsers.

The problem is in firefox, it is showing the div with the left navbar
last for some reason after the main content. I was wondering if anyone
who has experience with css & firefox might give me a clue how to make
it work.

The idea for the layout comes from:
http://matthewjamestaylor.com/blog/p...-left-menu.htm

Or should I be using some other technology instead of css to render my
pages? I really don't want to use tables if possible. It just seems
like there should be an easier way to layout the page with vs 2008.

Thanks,

Scott Emick

the pages I'm working on are housed at:
http://efcs.webhop.biz/V2

[Paul]

The content all appears at the same time here.
My opinion you are using the correct technology but the css divs are mixed up in what you are doing. Or at least you don't name them the way I name mine. I use pixel or em units for my layout edges, not percentage but that's just a preference. Percent for the column widths can work OK, but a fixed width for menu columns is pretty standard.
You would get better help in one of the comp.* css groups, maybe, if you can keep the newsgroup nannies from barking at you.
I would use <ul></ulfor the menu since it's supposed to degrade better for all browser types.
I have full source code for some content injection, master page driven, css layouts here: http://fpa.cyberplasm.com/default.aspx. It may be a puzzle to find what you need.
-------- Original Message --------

I've been trying to use css stylesheets to lay out a header, a left
column and a main content area using width as percentages so the
layout can expand and contract with the browser. I'm using Visual
Studio 2008 professional with VB as the codebehind language on the
aspx pages as well as having a page master with the header, left nav,
and footer contained in it and a ContentPlaceHolder in the main right
div to be filled in by the various pages default, aboutus, contactus,
etc.

I need the main content to be in the rendered page first so the most
important unique content is displayed first for search engines and WAP
browsers.

The problem is in firefox, it is showing the div with the left navbar
last for some reason after the main content. I was wondering if anyone
who has experience with css & firefox might give me a clue how to make
it work.

The idea for the layout comes from:
http://matthewjamestaylor.com/blog/p...-left-menu.htm

Or should I be using some other technology instead of css to render my
pages? I really don't want to use tables if possible. It just seems
like there should be an easier way to layout the page with vs 2008.

Thanks,

Scott Emick

the pages I'm working on are housed at:
http://efcs.webhop.biz/V2