another IE css noob

Discussion in 'CSS' started by deemainer, Nov 17, 2008.

  1. #1
    Hi all

    Ive had a look and couldnt find an obvious solution to this so im hoping someone will help. Its just another IE not displaying correctly problem (ive seen loads on here) but im new to CSS and cant fathom it. It works fine in everything except IE !

    Heres the css:



    body { 
    width:907px; 
    background:#000000; 
    margin-right: auto; 
    margin-left: auto;
    border: 0px solid #ffffff;
    text-align: center; 
    text-color:#ffffff;
    }
    
    #container { 
    width:907px;
    height:632px; 
    background:url(homebg.jpg) no-repeat; 
    text-align: center; 
    }
    
    .menu { 
    width:100%;
    height:150px; 
    text-align: center; 
    border: 0px solid #ffffff;
    margin-bottom:5px;
    }
    
    
    .solidblockmenu{
    
    	margin-left:310px;
    	margin-top:88px;
    	padding: 20;
    	float: bottom;
    	font:  10px helvetica;
    	width: 100%;
    	overflow: hidden;
    	margin-bottom: 1em;
    	border: 1px solid #625e00;
    	border-width: 0px 0;
    	
    }
    
    .solidblockmenu li{
    display: inline;
    }
    
    .solidblockmenu li a{
    float: left;
    color: white;
    padding: 9px 5px;
    text-decoration: none;
    border-right: 0px solid white;
    }
    
    .solidblockmenu li a:visited{
    color: white;
    }
    
    .solidblockmenu li a:hover, .solidblockmenu li .current{
    color: white;
    }
    
    .solidblockmenu li a:hover{
    color: red;
    font: bold 10px helvetica;
    }
    Code (markup):
    Thank you for your time.
     
    deemainer, Nov 17, 2008 IP
  2. 007c

    007c Peon

    Messages:
    611
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Well it's pretty hard to see without the html. Buuut you have strange markings like border-right: 0px solid white;
    border: 1px solid #625e00; then right after you have
    border-width: 0px 0;
    float: bottom ?? have you read on the float property?

    Why declare borders that have no width ?

    And what is not displaying properly?

    I'd suggest you read up on everything you declared and making sure it makes sense before dipping further.
     
    007c, Nov 17, 2008 IP
  3. deemainer

    deemainer Active Member

    Messages:
    351
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    78
    #3
    aaah...ok. thank you

    Well other than the body and container , all the menu stuff was generated by an online css menu generator. Im just trying to get a center aligned page and so thought from reading that the best way to do that was stick it in a container.

    I took it for granted that the css menu generator would give valid code ! The html is basically just a list for the menu in a container.
     
    deemainer, Nov 17, 2008 IP
  4. katendarcy

    katendarcy Peon

    Messages:
    115
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I'm assuming the content in #container is the main content you want centered. If so, you'll need to add "margin:0 auto" to #container. Hope that works!
     
    katendarcy, Nov 17, 2008 IP
  5. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #5
    Showing the css without the html is like showing showing us a coloring book without the lines.
     
    drhowarddrfine, Nov 17, 2008 IP