Centre column of 3 col layout problem - Works in IE but not firefox!?

This is a discussion on "Centre column of 3 col layout problem - Works in IE but not firefox!?" within the Web Page Design section. This forum, and the thread "Centre column of 3 col layout problem - Works in IE but not firefox!? are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Jun 7th, 2006, 15:38
New Member
Join Date: Jun 2006
Location: england
Age: 27
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Centre column of 3 col layout problem - Works in IE but not firefox!?

My site has three columns.

left-middle-right

The middle column in IE is right underneath the header as it should be.
On firefox the middle coumn is as far below the header as the height of the right column.

I have tried everything but i cant get it to look right in both browsers.
It is all done with floated divs and doesn't use any tables at all.

Please can someone help me!

www.datahq-online.co.uk

Thank you!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Jun 7th, 2006, 21:06
Most Reputable Member
Join Date: Apr 2006
Location: Cornwall, UK
Posts: 1,310
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Centre column of 3 col layout problem - Works in IE but not firefox!?

We ought to have some kind of auto responder on this forum.

VALIDATE YOUR CODE. html and css.

You are currently showing 19 errors through the W3C validation program.

Fix your code and then see where you are.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Jun 8th, 2006, 08:11
New Member
Join Date: Jun 2006
Location: england
Age: 27
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Centre column of 3 col layout problem - Works in IE but not firefox!?

Most of the validation errors are to do with the URL's that the CMS i use creates and to do with a bit off ajax i popped in.

None of which are going to cause my problem.

I fixed the recurring ID i had but it has not made any difference.

Thanks for the suggestion though.

It still has that problem.

I have put my CSS file through a stand alone validator and apart from some colour things and where i have specified a height twice it is fine.

Can anyone help me!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Jun 8th, 2006, 12:43
Most Reputable Member
Join Date: Apr 2006
Location: Cornwall, UK
Posts: 1,310
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Centre column of 3 col layout problem - Works in IE but not firefox!?

I still think there are some more fundamental errors.

Not only is the centre area low, it is also offset to the right.

Your menu structure is also dropped and the sub-menus don't stay in place when you move the cursor over them.

The above refers to Firefox.

You should design primarly for Firefox as the more standards compliant browser and then tweak for IE if and as required.

Menu works in Opera but centre layout still a problem.

The green and blue bands below the menu items are narrower in Firefox and Opera than they are in IE.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old Jun 8th, 2006, 12:57
New Member
Join Date: Jun 2006
Location: england
Age: 27
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Centre column of 3 col layout problem - Works in IE but not firefox!?

I am designing for firefox but i cannot get it to work properly in firefox.

I just happened to look at IE and noticed it all looked fine to bo honest.

The centre being low and the menu dropping is what i am trying to fix!

Thanks for your suggestions, keep them coming!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old Jun 8th, 2006, 16:01
New Member
Join Date: Jun 2006
Location: england
Age: 27
Posts: 7
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Centre column of 3 col layout problem - Works in IE but not firefox!?

I have posted this problem on three different forums and have had the same answer on them all which was VALIDATE YOUR CSS AND HTML.

Now i think validating is all well and good but it is not the be all and end all. Look at some of googles sites (search engine results page for example) they dont validate! I know that it is one thing to tick off the list of things that could be the problem but seriously!

Anyway, someone on sitepoint.com saw that i had put a div on it's own with clear:both style which was pushing the content down.

All i had to do was put it in it's containing div and take the clear:all out (as it's containing div was doing the positional work)

The naughty div was "infobottom".
It is now fixed and the site looks fine on both IE and firefox.

Thank goodness for that!

Thank you for your time though, it does not matter what you say so much, it is the time you have spent to help me that counts and i am very very grateful indeed.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7  
Old Jun 8th, 2006, 16:20
herkalees's Avatar
Highly Reputable Member
Join Date: Jul 2005
Location: Massachusetts, USA
Age: 87
Posts: 576
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Centre column of 3 col layout problem - Works in IE but not firefox!?

Quote:
Originally Posted by audiopleb
I have posted this problem on three different forums and have had the same answer on them all which was VALIDATE YOUR CSS AND HTML.

Now i think validating is all well and good but it is not the be all and end all. Look at some of googles sites (search engine results page for example) they dont validate! I know that it is one thing to tick off the list of things that could be the problem but seriously!
Maybe not, but are their invalid bits small issues, like "no alt attribute found"? Because while I agree that you can feasibly ignore some invalid warnings, such as the aformentioned "missing alt attribute", and even "font elements aren't supported anymore", there are MANY others you can't ignore.

Unclosed elements, improperly nested elements, etc. Those ALWAYS NEED to be corrected when trying to figure out cross-browser issues.

Quote:
Originally Posted by audiopleb
Thank you for your time though, it does not matter what you say so much, it is the time you have spent to help me that counts and i am very very grateful indeed.
Thanks for thanking us, you're very welcome.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
centre, column, col, layout, problem, works, but, firefox

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
2 column Page Layout works in Firefox but not IE tupulo Web Page Design 3 Feb 26th, 2008 19:58
Problem with three column layout in Internet Explorer Aleksandersen Web Page Design 12 Mar 19th, 2007 06:09
IE issues with my layout, works fine in Firefox :[ st3ady Web Page Design 6 Aug 18th, 2006 21:18
Firefox CSS problem with hebrew (works ok on IE) offco Web Page Design 6 Aug 5th, 2006 17:06
2 column layout, footer problem svenjafour Web Page Design 13 Dec 1st, 2005 09:25


All times are GMT. The time now is 23:36.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved