Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Jan 2007
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Alignment.. FF Ok, IE Not

    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..

    Code:
    <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..

    Code:
    .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
    Last edited by unitedbreaks; 01-31-2007 at 04:41 PM.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    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.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,305
    Thanks
    28
    Thanked 276 Times in 270 Posts
    I’d read post three of this thread. 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).
    For every complex problem, there is an answer that is clear, simple, and wrong.

  • #4
    New to the CF scene
    Join Date
    Jan 2007
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ok, thanks guys!

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


    Performed markup validation

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

    Tryed to perform the CSS validation (server is down)

    I'm still experiencing the IE6 issue with the dhtml menu alignment.
    Last edited by unitedbreaks; 02-02-2007 at 02:43 AM.

  • #5
    New to the CF scene
    Join Date
    Jan 2007
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hmm.. I'm trying many things and IE6 just doesn't want to play well. I'm down to 26 markup validation errors.
    Last edited by unitedbreaks; 02-02-2007 at 04:24 AM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •