View Full Version : Alignment.. FF Ok, IE Not

01-31-2007, 05:37 PM
Hello all, My name is DJ, I'm New to the forum ;)

I'm having some issues with IE6 (haven't tried IE7 yet) not aligning my included javascript (dhtml menu) correctly.

Firefox, looks A+.

Here is the link..

Look towards the left, below "Listen Live".. The dhtml "Tune In Now" menu. I'd like it to the right of the song title (X) and centered (Y).

Here is a code block i'm currently using..

<div class="clearfix" id="tunein" style="float:right; display:none; margin-right: 15px; margin-top:30px;"><script type='text/javascript' language='JavaScript1.2' src='tunein.js'></script></div><div id="ajaxDiv"></div>

clearfix class..

.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;

.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */

"ajaxDiv" gets content behind scenes. I cannot pass any sort of JS back from the PHP call using AJAX. So this is why I'm executing the dhtml/js here and aligning it to the right.

If anyone can help, Greatly appreciated! I hope to meet some new people and share some knowledge in return with the community.


01-31-2007, 11:01 PM
Hello unitedbreaks,
That is a very busy page! Have to think that problem was probably there while you were developing ... if you use the validator WHILE your developing it can save a LOT of needless debugging later!!!

No DocType and IE6 messes it up? I can't imagine why!
Check out the links in my sig below.

01-31-2007, 11:21 PM
Iíd read post three (http://www.codingforums.com/showpost.php?p=528977&postcount=3) of this thread (http://www.codingforums.com/showthread.php?t=106343). Everything there seems to apply to you, including the font issue since you havenít specified a generic font family in case users donít have the Tahoma font (example: font-family: Tahoma, sans-serif).

02-01-2007, 05:32 PM
Ok, thanks guys!

Implemented DOCTYPE (html 4.01 trans)
Updated all font-family values to "Tahoma, Verdana, sans-serif"

Performed markup validation (http://validator.w3.org/)

Found 117 errors that I will take care of later today.. (mostly images missing alt tags).

Tryed to perform the CSS validation (http://jigsaw.w3.org/css-validator/) (server is down)

I'm still experiencing the IE6 issue with the dhtml menu alignment.

02-02-2007, 03:47 AM
Hmm.. I'm trying many things and IE6 just doesn't want to play well. I'm down to 26 markup validation errors.