Forum Moderators: open

Message Too Old, No Replies

Trouble with DIV layout in Internet Explorer

Works fine in FF, not IE..

         

Lilium

2:21 pm on Mar 5, 2008 (gmt 0)

10+ Year Member



Hello. :) New here.

I've made a div layout (with an iframe), and for some cracked out reason, IE fails to align it all properly, whereas, FF does.

I don't know a lot of HTML lingo, so if someone could explain it thoroughly for me to understand..

This is the website: <snip>

If someone could help me, I'd be very appreciative.

[edited by: trillianjedi at 2:24 pm (utc) on Mar. 5, 2008]
[edit reason] No personal URL's please, as per our TOS [/edit]

tedster

7:36 pm on Mar 5, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hello Lilium, and welcome to the forums. If the page trips a browser's error recovery routines, you may never be able to fix it for all browsers, So the first thing I do when there's a cross browser display problem is make sure that the mark-up validates:

W3C Validator - HTML [validator.w3.org]
W3C Validator - CSS [jigsaw.w3.org]

To validate a page, you need a DTD at the top of the file - which one are you using? Yes, I realize we're off into HTML lingo, but there's no other way, really.

Lilium

10:44 pm on Mar 5, 2008 (gmt 0)

10+ Year Member



Well, I had transitional DTD. But it was making my image links go all weird. So I had changed it to strict DTD after lurking around in the 'net a bit.

But seeing as that is now causing me more trouble than anything, I've changed it back to transitional. I've fixed all the errors the HTML validator presented to me all except the errors I cannot fix -- such as the server status.

As for the CSS validator.. it keeps timing out, so I can't use it at all.

And the DIV box with the frame in it is still acting crazy. D;

tedster

11:54 pm on Mar 5, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



What you'll need to do is pin down which rules or parts of your mark-up are making cross-browser trouble. You've already got a head start by starting out in Firefox rather than IE.

Possibly helpful information:

FAQ: Choosing the best doctype for your site [webmasterworld.com]
The Box Models - Standard vs Quirks [webmasterworld.com]

Xapti

2:50 pm on Mar 7, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



When you have your CSS and HTML validated, or close to it, post your (stripped down, or small, preferrably) CSS&HTML code example, and thoroughly describe your problem.