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.
|
|
|
|
|
![]() |
||
Centre column of 3 col layout problem - Works in IE but not firefox!?
|
||
| Notices |
![]() |
|
|
LinkBack | Thread Tools |
|
#1
|
|||
|
|||
|
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! |
|
|
|
#2
|
|||
|
|||
|
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. |
|
#3
|
|||
|
|||
|
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! |
|
#4
|
|||
|
|||
|
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. |
|
#5
|
|||
|
|||
|
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! |
|
#6
|
|||
|
|||
|
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. |
|
#7
|
||||
|
||||
|
Re: Centre column of 3 col layout problem - Works in IE but not firefox!?
Quote:
Unclosed elements, improperly nested elements, etc. Those ALWAYS NEED to be corrected when trying to figure out cross-browser issues. Quote:
|
![]() |
| Tags |
| centre, column, col, layout, problem, works, but, firefox |
| Thread Tools | |
|
|
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 |