...

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



unitedbreaks
01-31-2007, 04: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..
http://www.unitedbreaks.fm/index_test.php

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.

Thanks,
DJ

Excavator
01-31-2007, 10: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.

Arbitrator
01-31-2007, 10: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).

unitedbreaks
02-01-2007, 04: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.

unitedbreaks
02-02-2007, 02: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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum