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
    Oct 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation Site looks WEIRD in Internet Explorer

    Hi!

    My menues won't show in Internet Explorer!

    My main menues are visible, but not the submenues "Art", "Graphic" and "Illustrations" under "Work"

    This is the URL of the site:
    http://www-und.ida.liu.se/~margu191/minportfolio.html

    They look fine in other browsers.

    Also the lists won't float (though I'm gonna try to fix that with a special stylesheet especially for IE). But I don'r know how to fix the menues that doesn't even show!

    PLEASE HELP! (My deadline is friday!)

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    I think its because you didn't close your <a> tags properly on those three links.

    A quick page validation here will show you what I mean.

    Not sure what you mean about your lists not floating. You mean the main menu?
    Last edited by teedoff; 10-25-2011 at 08:30 PM.
    Teed

  • #3
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,737
    Thanks
    22
    Thanked 1,836 Times in 1,820 Posts
    Hello mmmm,
    The menus show in IE9, if I understand what you're looking for.

    Just a suggestion, instead of a 450px height on #secondcontainer, clearing the floats would let that element expand to enclose it's content. That way it would wrap around your menu images in all browsers.

    Using that <br> for spacing may be causing the problem I'm seeing in IE9.

    Try this instead:
    Code:
    /*body {
    	line-height: 1;
    }*/
    div#secondcontainer {
    background-color: black;
    width: 800px;
    margin: 0px auto;
    margin-top: 20px; 
    /*padding: none;
    height: 450px;*/
    overflow: auto;
    margin-bottom: 50px;
    -moz-box-shadow: 10px 10px 5px #888; 		/*Hittat pΠhttp://www.css3.info/preview/box-shadow/*/
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888; 
    }
    See this explanation of how overflow: auto; clears your floats.
    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

  • #4
    New to the CF scene
    Join Date
    Oct 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Still issues...

    Thanks! I got it to work

    But I still have problem with IE:

    The secondcontainer positions itself very far to the right,
    I don'r know what the problem is.

  • #5
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,387
    Thanks
    32
    Thanked 288 Times in 282 Posts
    Quote Originally Posted by mmmm View Post
    The secondcontainer positions itself very far to the right,
    I don'r know what the problem is.
    It's being forced right by a left-floated li#loggali element that's too tall to fit in its container element. Remove the float, shorten the float, or increase the height of its container to fix the problem.

    Use the following CSS to make the problem more evident:
    Code:
    div#firstcontainer { overflow: auto; background-color: red; }
    ul#mainmenumini { background-color: pink; }
    For every complex problem, there is an answer that is clear, simple, and wrong.


  •  

    Posting Permissions

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