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 11 of 11
  1. #1
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    4
    Thanks
    5
    Thanked 0 Times in 0 Posts

    IE help! Super stumped (slightly annoyed!)

    So this is my first template basically. Usually i'm just editing/altering, but this one is mine and I'm having 2 issues with IE.

    1.) my left menu bar is getting margined over or something, cant figure it out for the life of me.. its also counting my 170px "leftMenuBar" div as 150px..?

    2.) my greySpacer which is 10px, IE wants to say its 18px. dreamweaver also will say its 10px then next to it to the right, it says (18px)

    everything works flawlessly in chrome and firefox thus far, so I hope.. haven't really tried other versions. Please help me and please let me know any other problems! thank you very very much! I don't usually ask for help I'm a stubborn one but please help!

    Best way to explain the problem is to see it... http://hairbarbiextensions.com

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,686
    Thanks
    25
    Thanked 656 Times in 655 Posts
    Amoung other errors:
    Code:
    <div id="leftMenuBar">      
        	<div id="example3" >
            	<ul class="kwicks">
                      <li id="kwick1">&nbsp;Full Lace</li>
                      <li id="kwick2">&nbsp;Fusion</li>
                      <li id="kwick3">&nbsp;Wigs</li>
                      <li id="kwick4">&nbsp;Extensions</li>
                      <li id="kwick5">&nbsp;Wefts</li>
                      <li id="kwick6">&nbsp;Lace Front</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
                      <li id="kwick7">&nbsp;More</li>
    			</ul>
    		</div>
    You can only use an ID once. Use class when it's for more.
    Go to http://validator.w3.org and fix your errors.

  • Users who have thanked sunfighter for this post:

    whaus7 (07-08-2011)

  • #3
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    To add to sunfighter's helpful post, I think your use of absolute positioning for the <li>'s are whats giving you the problems. But clean correct mark-up is the most important step in debugging.
    Teed

  • Users who have thanked teedoff for this post:

    whaus7 (07-08-2011)

  • #4
    Regular Coder
    Join Date
    Jul 2011
    Posts
    105
    Thanks
    12
    Thanked 1 Time in 1 Post
    I don't like the way the links move when I mouse over them. It's annoying.

  • Users who have thanked Daniel_A_Varney for this post:

    whaus7 (07-08-2011)

  • #5
    Senior Coder alykins's Avatar
    Join Date
    Apr 2011
    Posts
    1,925
    Thanks
    46
    Thanked 203 Times in 202 Posts
    i thought it was cool (what you had the other day w/ the pink "more" thingers )... and the site is visually appealing

    I code C hash-tag .Net
    Reference: W3C W3CWiki .Net Lib
    Validate: html CSS
    Debug: Chrome FireFox IE

  • Users who have thanked alykins for this post:

    whaus7 (07-08-2011)

  • #6
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    4
    Thanks
    5
    Thanked 0 Times in 0 Posts
    well I kinda thought it was too much too before I even put it in, so Dan put me over the edge and I changed it since I thought it was "too much" movement

    Sunfighter thanks so much for the help, im such a noob I never even new the difference between class and ID although I guess I wondered it often lol.

    And thanks for the link to the error checking that is amazing.

    thanks for the advice Dan, what do you think of it now?

    And I have another problem now with IE, my menu on the left. IE is double spacing every element, I must still be doing something improper.

    One other issue.. I'm trying to setup my "content" div so it expands its height appropriately when I add other divs inside of it.. height 100% was only expanding it like 25% down
    Last edited by whaus7; 07-08-2011 at 07:20 PM.

  • #7
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,686
    Thanks
    25
    Thanked 656 Times in 655 Posts
    Looks ok in IE8, what ver are you using.

  • Users who have thanked sunfighter for this post:

    whaus7 (07-08-2011)

  • #8
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    4
    Thanks
    5
    Thanked 0 Times in 0 Posts
    using IE9 on vista

  • #9
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    4
    Thanks
    5
    Thanked 0 Times in 0 Posts
    So how do I tie this thing together? I made my footer and im trying to get my content to expand when I add content so when I make more pages i'm not sizing contents manually.

    content is coming down to the bottom in IE but not chrome.. definitely doing something catastrophically wrong

  • #10
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,686
    Thanks
    25
    Thanked 656 Times in 655 Posts
    Sorry can't help, don't have IE9, but here's a free bumb. maybe someone will look and give you a hand.

  • #11
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    You still have just a few html mark up errors that may be causing your issues.

    http://validator.w3.org/check?uri=ht...Inline&group=0
    Teed


  •  

    Posting Permissions

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