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 ContentPlaceHol der 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

Feb 22 '08 #1

Subscribe Reply

1526

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 ContentPlaceHol der 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

Feb 22 '08 #2

Similar topics

3663

Major layout discrepancies between IE and Firefox

by: Drew Martin | last post by:

The page at the below URL renders perfectly in IE6, but is failing horribly in Firefox (0.7, 0.8). I can't figure out why and was hoping someone could take a quick look at it. Most of the layout is done through the use of floats. HTML file: http://superdisco.net/css/index.html CSS file: http://superdisco.net/css/sd.css The gray and maroon backgrounds are to highlight the layout used.

HTML / CSS

2022

css layout and sidebar problem

by: fuzzyman | last post by:

I have a very odd problem that has boggled my head. I've been trying to get a 2 column layout working with CSS. The problem seems to occur with the use of the <script> tag in the document. I've been reworking the CSS to use percentages rather than fixed widths. I'd like a two column page with header, footer, main body -with sidebar. I'd like the sidebar to have a fixed size and the mainbody to follow the browser window size *preferably*...

HTML / CSS

2895

DHTML problem with 2-col + footer CSS Layout

by: Xavier Onassis | last post by:

I would be grateful for recommendations for a CSS layout (header, 2 cols, footer) that can accomodate dynamically added elements. I am not having any luck so far getting this to work in Mozilla/Firefox. Success so far only with IE. In Mozilla/Firefox, the layout does not adjust when nodes are inserted into the document dynamically. Layout: H E A D E R COL1 COL2

HTML / CSS

2362

controls in grid layout render incorrectly in firefox

by: Dave | last post by:

I am designing a web page using VS2003 ASP.NET. The page contains various DIVs (panels), one of which is in grid layout. The controls in this DIV render correctly in IE, but when using Firefox they are incorrectly positioned. VS sets the positioning of the controls to absolute, and because the DIV is to the right of another DIV Firefox (correctly, I suspect) positions the controls absolutely, which means they are too far to the left, while...

ASP.NET

12323

Problems with tables and layout in Firefox

by: Ben Holness | last post by:

Hi all, I am having some trouble with some table code. It works fine in Internet Explorer, but the layout doesn't work correctly in Firefox 1.0.7 Is this a firefox bug, or am I missing something in the HTML? It is pretty simple code! (Plus it is valid according to the w3c validator) The layout problem is in the third row. I cannot get the embedded table (with the top and bottom cells) to be the full height of the cell (unless

HTML / CSS

9210

How to make layout without tables (using div's)...

by: Luke | last post by:

Hi. I am trying to make correct layout, here is an example of (dynamically generated content via jsp): http://localhost/www/layout.htm Most outer div is positioned absolute (if not then it will not grow when content inside div.body is greater than width of window of user agent), anyway anyone knowlegable can see it in sources...

HTML / CSS

2064

firefox, ie put different padding in two-column-with-footer layout

by: Edward | last post by:

I'm pursuing the holy grail of creating a two-column CSS layout with footer AND where the colors of the columns actually go all the way down. The code is below. Here is a graphic of how it looks in each IE and FIREFOX: http://www.tanguay.info/web/examples/twoColumnWithFooterFirefoxIeProblem.png Does anyone have any idea what I might try to get both IE and FIREFOX

HTML / CSS

2470

Drop Down list breaks layout in Firefox

by: gatorade | last post by:

Drop Down list in a form is breaking layout of the page in FireFox. Here is the page in question: http://www.redchip.com/visibility/RCinstitutional-Requestinfo.asp The layout is simply two floating div's in a container div. Everything looks fine before I put the dropdown list in the form, but once it is in,

HTML / CSS

2205

Firefox destroying layout upon page load / reload fixes it

by: amishguy | last post by:

Hello, I am having an issue with a site I'm creating right now. I have had this issue before and I would like to figure out what the solution is instead of using workarounds as I have in the past. A little background: I have a php based site. The layout is a table based layout that was generated by slicing a large image. Most of the pages that I have problems with use PHP includes which I think has something to do with the issue.

PHP

9423

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...

Windows Server

10211

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...

C / C++

10045

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...

Online Marketing

9994

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...

Windows Server

8870

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...

Career Advice

6673

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...

C# / C Sharp

5298

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...

Networking - Hardware / Configuration

3561

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP

2815

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

General