tags:

views:

120

answers:

2
Q: 

HTML/CSS: My Mini-Chat is overflowing in IE

So here's another IE cross-compatibility issue. My website, www.zerozaku.com, is compatible with Chrome and Firefox, but IE has an issue with my Mini-Chat overflowing out of the box. Could anyone help?

P.S. I've only tested it on IE8, Firefox, Chrome

+1  A: 

First error on list <link rel="shortcut icon" href="favicon.ico"> needs a closing tag like <link rel="shortcut icon" href="favicon.ico" />

Also if you try to run the validator on your page you'll notice that you have 50+ markup errors which I bet are causing missbehaviour in IE.

easwee  2010-02-16 12:13:56
I have now successfully, completely validated the index.html page. Nothing happened except that my code now looks more professional.
Gio Borje  2010-02-19 01:06:11
Nothing changed, but atleast now we can start debugging properly, since we know there are no markup errors.#mChatData .body {float:left;margin-top:-39px;width:100%;}Remove width and top margin from that class. Set an overflow:hidden on the div that is the container for .avatar and .body and adjust .body style so it will look nice again (remove margin-left etc) and it should work in IE. Like it is done now it's not really a best practice.
easwee  2010-02-19 13:41:41
Done. Still doesn't work in IE.
Gio Borje  2010-02-22 01:00:42
A: 

I just restructured the XHTML and CSS to be IE-compliant.

Gio Borje  2010-04-14 22:36:51

related questions

Autosizing Textarea
Regular expression for parsing links from a webpage?
What are good tools for creating compiled HTML help files (.chm)?
Looking for WYSIWYG HTML editor
Any reason not to start using the HTML 5 doctype?
HTML comments break down
HTML Comments Markup
Setting a div's height in HTML with CSS
Wrapping lists into columns
Is a "Confirm Email" input good practice when user changes email address?
<XMP> Tag
HTML version choice
Options for HTML scraping?
How do you disable browser Autocomplete on web form field / input tag?
How do I make a checkbox toggle from clicking on the text label as well?
Html CSS Editor
Wordpress theme development offline tools
How do I give my web sites an icon for iPhone?
In HTML, how to word-break on a dash?
Detecting font in JavaScript
How do you test layout design across multiple browsers/OSs?
How do I print an HTML document from a web service?
Multiple submit buttons on a HTML form
How can I determine a web user's time zone?
Why doesn't the percentage width child in absolutely positioned parent work in IE7?