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 10 of 10
  1. #1
    New Coder
    Join Date
    Jun 2009
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS code not working properly in IE

    i made a css coding. it works fine in firefox and safari but not in internet explorer. i could use some pointers please.

    website is www.littlerangoon.com/index1.html

    or here's the coding . thx in advance!

    Code:
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title>Little Rangoon</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
            body{
            margin:10px;
            font-family:Verdana, Arial, Helvetica, sans-serif;
            background:url(background.jpg);
            padding: 0;
            }
            div#wrapper{
            width:800px;
            height:600px;
            margin:20px auto;    
            border:solid 1px white;
            background:url(bg.jpg);
            }
            div#wrapper img{
            position:absolute;
            margin-top:25px;
            margin-left:430px;
            z-index:1;
            }
            div#header{
            width:750px;
            height:210px;
            margin:18px;
            border:solid 3px 660000;
            background:url(bg2.jpg);
            }
            div#header img{
            position:absolute;
            margin-top:0;
            margin-left:2px;
            z-index:2;
            }
            div#topnav{
            font-family:Helvetica, sans-serif;
            width:750px;
            height:25px;
            background:url(navbg.jpg);
            margin-top:-21px;
            margin-left:18px;
            padding-top:5px;
            border:solid 3px 660000;    
            }
            div#topnav ul{
            list-style:none;
            margin-top:0;
            margin-left:20px;
        }   
        div#topnav li{
            display:inline;
            margin-right:55px;
        }
        div#topnav a:link, a:visited{
            text-decoration:none;
            color:black;
            background:url(navbg.jpg);
            padding:5px 10px;
            border-left:solid 1px white;
            border-right:solid 1px black;
        }
        div#topnav a:hover{
            text-decoration:none;
            color:black;
            background-color:silver;
            padding:5px 10px;
            border-bottom:solid 2px orange;
        }      
        div#topnav a:active{
            text-decoration:none;
            color:white;
            background-color:silver;
            padding:5px 10px;
            border-bottom:solid 2px orange;
        }       
        div#mwindow{
            font-family:Verdana, Arial;
            font-size:small;
            margin-top:-3px;
            margin-left:18px;
            width:750px;
            height:310px;
            overflow:auto;
            border:solid 3px 660000;
            background:url(bg2.jpg);
        }  
        div#b{
            font-family:Verdana, Arial;
            font-size:x-small;
            margin-top:5px;
            margin-left:18px;
        }
        div#b ul{
            list-style:none;
            margin-top:0;
            margin-left:20px;
        }   
        div#b li{
            display:inline;
            margin-right:55px;
        }
    </style>
    </head>
    <body>
    <div id="wrapper">
    <img src="logo.gif">
    <div id="header">
    <img src="statue.gif">
    </div><!--end of header-->
    <div id="topnav">
    <ul>
    <li><a href="index.html">Home</a></li>
    <li><a href="hours.html">Hours</a></li>
    <li><a href="menu.html">Menu</a></li>
    <li><a href="reviews.html">Reviews</a></li>
    <li><a href="res.html">Reservations</a></li>
    </ul>
    </div><!--end of nav-->
    <div id="mwindow">
    <p>"Little Rangoon" is pleased to serve a unique and authentic Burmese Food, the first of its kind in Arizona.</p><p>
    Burma shares borders with Bangladesh, India, China, Laos, and Thailand in Southeast Asia, therefore its cuisine is invariably influenced by these surrounding cultural spices, seasonings, ingredients, and cooking styles. However, the combination of the ingredients of Burmese cuisine and the cooking styles are also what makes Burmese dishes unique.</p><p>
    Burmese curries have well seasoned gravy thicker than Thai’s and lighter on spices than the Indian counterparts.	</p><p>
    The majority of the Burmese diet consists of rice, served with meat and/or fish, as well as soups, salads and a variety of vegetables. It is customary for all dishes to be presented on the table simultaneously, allowing diners the freedom to make their own choices and enjoy the meal in family style.</p><p>
    Burmese cuisine promotes healthful benefits as vegetarian dishes are part of the Burmese culture, without using dairy products or MSG. </p><p>
    It is our sincere wish that you will enjoy our food and dining experience as much as we enjoy sharing our cuisine with family, friends and the community.</p><p>
    From Our Family to Yours</p>
    </div><!--end of mwindow-->
    <div id="b">
    <ul>
    <li>© 2009 Little Rangoon</li>
    <li>7000 E. Shea Blvd #1580</li>
    <li>Scottsdale, AZ 85254</li>
    <li>ph 480.922.8585</li>
    </ul>
    </div><!--end of bottom-->
    </div><!--end of wrapper-->
    </body>
    </html>
    Last edited by julionne; 06-11-2009 at 09:53 PM.

  • #2
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    welcome to CF.

    Please put your code into [ code ] tags (without the spaces).

    Your source code shows you do not have a vaid complete doctype. this likely throws ie into quirks mode which I consider to translate as 'show the page any old way' by ie.

    Read the sticky message about which doctype to use. After that, validate your code at validator.w3.org and if you need help, come back again.

    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #3
    New Coder
    Join Date
    Jun 2009
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    OMG!!! THANK YOU!!! it works!!

    i was liek what am i doing wrong?? lol

    thanks a lot

  • #4
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    pleasure

    Your nav menu just needs a teak now but you should fint it simpler with the change you have just made.

    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #5
    New Coder
    Join Date
    Jun 2009
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    my nav needs a teak? what is a teak?

  • #6
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    Quote Originally Posted by julionne View Post
    my nav needs a teak? what is a teak?
    I believe they were trying to say, "tweak". I may be wrong though.

  • #7
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    Oops sorry. I did mean tweak but my fingers and eyes weren't working together.

    In ff, the 'buttons' are taller than the ul background and in ie6, the ul background is much higher than the buttons/links. doesn;t really look right in either of those browsers. haven't looked at it in ie7 for you because that pc is too far away currently.

    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #8
    New Coder
    Join Date
    Jun 2009
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    i noticed that now

    i also noticed my broder isnt showing up.

    augh. crazy css coding. lol.

    i can fix the size. but how do i get the border around it to show?

  • #9
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    border:1px solid #ccc;

    adjust as necessary

    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #10
    New Coder
    Join Date
    Jun 2009
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    sweet! you rock! thank you. lol


  •  

    Posting Permissions

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