473,226 Members | 1,416 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,226 software developers and data experts.

Problems between IE and Firefox with DIV's

I am having a bit of a problem with the layout of my new page I am creating. It works fine in IE 7 but when it comes to Firefox, all the content in my main content DIV is not aligned correctly. This is the first time I have created something using DIV's and CSS so excuse my n00bness. I have ran my page through all the WC3 checkers and everything seems to come out ok. Any help is greatly appreciated.

http://www.kokomo.k12.in.us/newsite/ is the address of the page I am currently trying to get going.
Aug 31 '07 #1
2 1234
7,435 Expert 4TB
While I look at the markup I want to remind you that you should never design a page using IE7. It is nine years behind web standards and riddled with bugs. Always design using a modern browser first, such as Firefox, Opera or Safari. Then we can adjust to IEs quirks and bugs.
Aug 31 '07 #2
7,435 Expert 4TB
Well there is more going on there than I have time for. I believe the problems lie with absolute positioning. You use it quite a bit but I think you forget that abs pos removes the element from the normal flow. This allows elements to rise up to the next positioned element, in this case, it might be <body>. Why IE is ignoring this, I'm not sure and didn't take the time to find out.

Your top banner is abs pos so all other elements rise up and cover it. Try relatively positioning it to see the change (didn't try it myself).
Aug 31 '07 #3

Sign in to post your reply or Sign up for a free account.

Similar topics

by: Kevin Matthews | last post by:
i'm having strange problems with browser compatibility between firefox and internet explorer, ---------------------------------------- The following is the CSS:...
by: Ian Beer | last post by:
I am told by a couple of Mac users that a site I am building does not display properly under either IE or Safari, they no not seem to agree however exactly what the display problems are. CSS (&...
by: yawnmoth | last post by:
float, among other css attributes, is not working as i'd expect it to on the following webpage: http://www.frostjedi.com/terra/dev/test.html In Internet Explorer, there's a space between the...
by: Griff | last post by:
Hi Firstly, I've very little experience with CSS, so it's probably a very simple answer to my problem. I've "designed" a tabbed-dialogue form that is made up of a series of <div>s. A brief...
by: Spondishy | last post by:
I have a fairly simple page (attached below) with a couple of nested divs. The issue is with the paddedtext class. If I have this set to 100% width the text hangs over the edge of the tableborder...
by: yawnmoth | last post by:
I'm having some problems making the following work in both Internet Explorer and Firefox: http://www.frostjedi.com/terra/scripts/demo/childNodes.html What it should do (and indeed, what it...
by: Eric Lindsay | last post by:
I have been trying to do a CSS liquid layout imitating a frame, using position: fixed for header, footer, and side navigation, and a fixed background image. Page is valid HTML 4.01 Strict, and is...
by: cbjewelz | last post by:
Hey all. So I'm having problems with cross browser alignments. I'm looking at Safari and Mozilla Firefox. I develop in Safari and so it looks perfect there however in Firefox my vertical...
by: supergrover1981 | last post by:
Gidday gang, I've been teaching myself CSS over the past 2 days and for the most part I thought I had it all working. All the problems I've had have been in IE...until now. If anyone could offer...
by: atarumorooka | last post by:
Hello, yes..it must be hard to try and help someone else coding but today is a full week of sadness and stress for IE CSS rendering and I need your help. Here you have a link that looks nice with...
by: veera ravala | last post by:
ServiceNow is a powerful cloud-based platform that offers a wide range of services to help organizations manage their workflows, operations, and IT services more efficiently. At its core, ServiceNow...
by: VivesProcSPL | last post by:
Obviously, one of the original purposes of SQL is to make data query processing easy. The language uses many English-like terms and syntax in an effort to make it easy to learn, particularly for...
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 3 Jan 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). For other local times, please check World Time Buddy In...
by: abbasky | last post by:
### Vandf component communication method one: data sharing ​ Vandf components can achieve data exchange through data sharing, state sharing, events, and other methods. Vandf's data exchange method...
by: jimatqsi | last post by:
The boss wants the word "CONFIDENTIAL" overlaying certain reports. He wants it large, slanted across the page, on every page, very light gray, outlined letters, not block letters. I thought Word Art...
by: fareedcanada | last post by:
Hello I am trying to split number on their count. suppose i have 121314151617 (12cnt) then number should be split like 12,13,14,15,16,17 and if 11314151617 (11cnt) then should be split like...
by: stefan129 | last post by:
Hey forum members, I'm exploring options for SSL certificates for multiple domains. Has anyone had experience with multi-domain SSL certificates? Any recommendations on reliable providers or specific...
by: egorbl4 | last post by:
Скачал я git, хотел начать настройку, а там вылезло вот это Что это? Что мне с этим делать? ...
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.