www.webdeveloper.com
Results 1 to 5 of 5

Thread: looks good in firefox but not IE

  1. #1
    Join Date
    Nov 2008
    Location
    Niagara Falls, Canada
    Posts
    351

    looks good in firefox but not IE

    Hey everyone. If you view this page http://kmkwebdevelopment.com/dovefarms/about.html in firefox it looks like it should. If you view it in IE, it is messed up. Anyone know why (I assume my css has an error somewhere). I attached my css.

    Thanks,
    Kris.
    Attached Files Attached Files

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Throwout all positional properties, basically start again with the css.
    At least 98% of internet users' DNA is identical to that of chimpanzees

  3. #3
    Join Date
    Nov 2008
    Location
    Niagara Falls, Canada
    Posts
    351
    Thanks for the reply Fang. However, I'm not sure what you mean. If I was to do the css again, I would do it the same way. It's just the top nav pages that don't quite work in IE (the side nav pages work fine). Is there something I could change to remedy the issue?

  4. #4
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Here's a redesign, you may have to tweak it here and there.
    Code:
    @charset "utf-8";
    /* CSS Document */
    
    * {margin:0;padding:0;}
    
    body {
    min-width : 800px ;
    background-color: #CCC;
    font-size:100%;
    text-align:center;
    }
    
    #container {
    overflow:hidden;
    width : 800px ;
    margin : auto ;
    background:url(dovefarmsmockup.jpg) repeat-y;
    }
    
    #header {
    	background: url(dovefarmsmockup1.jpg) no-repeat;
    	height:211px;
    }
    
    #header img {
    	display:block;
        text-align:left;
    	margin-left:30px;
    	padding-top:5px;
    }
    
    h2 {
    	float:left;
    	margin:15px 0 0 10px;
    	color:#CCC;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size:0.8em;
    	text-align:center;
    }
    
    #header-nav {
    	float:right;
    	margin-right:-20px;
    	margin-top:-30px;
    }
    
    #header-nav li {
    	display:inline;
    	padding-right:40px;
    	padding-left:1px;
    	list-style-type:none;
    	font-family:Georgia, "Times New Roman", Times, serif;
    }
    
    #bottom{
    	background: url(dovefarmsmockup3.jpg) no-repeat;
    	text-align:left;
        padding-bottom:1em;
    }
    
    h6 {
    	font-family:Georgia, "Times New Roman", Times, serif;
    	font-weight:bold;
    	font-size:1.0em;
    	color:#FFF;
    	width:100px;
    	border:2px solid #261f20;
    	background-color: #626200;
    	}
    
    #bottom ul {
    	float:left;
        width:200px;
        clear:both;
    	list-style:none;
    	font-family: Georgia, "Times New Roman", Times, serif;
    	font-weight:bold;
    	margin-left:10px;
    	padding-top:43px;
    	line-height:53px;
    }
    
    #bottom img {
    	float:left;
    	margin-left:33px;
    	margin-top:20px;
    }
    
    h3 {
    	margin-right:35px;
    	margin-top:42px;
    	line-height:20px;
    	color:#ccc;
    	font-family: Georgia, "Times New Roman", Times, serif;
    	line-height:25px;
    	text-align:center;
    	font-size:1.0em;
    }
    
    h1 {
    	font-family: Georgia, "Times New Roman", Times, serif;
    	font-style:italic;
    	font-size:1.5em;
    	margin-left:50px;
    	padding-top:28px;
    	color:white;
    	text-align:center;
    }
    
    #bottom p {
    	margin-right:30px;
    	font-family:  Georgia, "Comic Sans MS", Arial;
    	font-size:1.2em;
    	font-style:italic;
    	color:#CCC;
    	line-height:25px;
    }
    
    #bottom p img {
    	margin:15px 30px;
    }
    
    #bottom p.roman {
    	font-family: Georgia, "Times New Roman", Times, serif;
    	font-size:0.8em;
        padding-top:2em;
    }
    .reviews li {
    	width:520px;
    	color:#CCC;
    	line-height:20px;
    	font-size:0.8em;
    	list-style-type:circle;
    }
    
    #cabernet #nav-cabernet a, #blanc #nav-blanc a, #chenin #nav-chenin a, #chardonnay #nav-chardonnay a, #merlot #nav-merlot a, #syrah #nav-syrah a {color:#9DDCFF;}
    
    #home #nav-home a, #about #nav-about a, #news #nav-news a, #wine #nav-wine a, #reviews #nav-reviews a {color:#900;}
    
    a {text-decoration:none;}
    a:link, a:visited {color: #FFF;}
    a:hover {color: #9DDCFF;}
    a:active {color: #06F;}
    
    a.topnav:link, a.topnav:visited {color:#000;}
    a.topnav:hover {color: #900;}
    a.topnav:active {color:#000;}
    
    a.about:link, a.about:visited {color: #c2edff;}
    a.about:hover {color: #fff;}
    a.about:active {color: #c2edff;}
    
    .style1 {
    	color:#9DDCFF;
    }
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Dove Farms</title>
    <link href="about_bestanden/dovefarms.css" rel="stylesheet" type="text/css">
    </head><body id="about">
    
    <div id="container">
        
        <div id="header">
        
        <img src="about_bestanden/logob.png" height="130" width="165" alt="dove farms">
        
        	<h2>Dove Farm Vineyards and Winery<br>
            74 Carmineta Avenue<br>
            Napa, CA 94559<br>
            <a href="mailto:info@dovevalley.com">info@dovevalley.com</a></h2>
        </div>
        
        	<ul id="header-nav">
         		<li id="nav-home"><a href="http://kmkwebdevelopment.com/dovefarms/dovehome.html" class="topnav">Home</a></li>   
          		<li id="nav-about"><a href="http://kmkwebdevelopment.com/dovefarms/about.html" class="topnav">About Us</a></li>
                <li id="nav-news"><a href="http://kmkwebdevelopment.com/dovefarms/news.html" class="topnav">News &amp; Events</a></li>
                <li id="nav-wine"><a href="http://kmkwebdevelopment.com/dovefarms/wine.html" class="topnav">Wine Club</a></li>
                <li id="nav-reviews"><a href="http://kmkwebdevelopment.com/dovefarms/reviews.html" class="topnav">Reviews</a></li>
                </ul>
    
    	<div id="bottom">
        
        	<ul>
            <li id="nav-cabernet"><a href="http://kmkwebdevelopment.com/dovefarms/cabernet.html">Cabernet Sauvignon</a></li>
            <li id="nav-blanc"><a href="http://kmkwebdevelopment.com/dovefarms/blanc.html">Sauvignon Blanc</a></li>
            <li id="nav-chenin"><a href="http://kmkwebdevelopment.com/dovefarms/chenin.html">Chenin Blanc</a></li>
            <li id="nav-chardonnay"><a href="http://kmkwebdevelopment.com/dovefarms/chardonnay.html">Chardonnay</a></li>
            <li id="nav-merlot"><a href="http://kmkwebdevelopment.com/dovefarms/merlot.html">Merlot</a></li>
            <li id="nav-syrah"><a href="http://kmkwebdevelopment.com/dovefarms/syrah.html">Syrah</a></li>
          </ul>
          
          <h1>About Us</h1>
          
          <p class="roman">Quality, taste, and reliability are paramount to Dove Farm Wines and Vineyards.
            Traditional methods and modern viticulture combine to bring you
            distinctive wines that can be enjoyed now or improved through age. Dove
            Farm produces more than 18,000 cases of wine from 100 acres of
            vineyards and has been repeatedly recognized for excellence in national
            wine competitions. In 2005, Dove Farm won the &#226;€œBest California Winery&#226;€
            award from WineTaster magazine.</p>
            <p class="roman">Come visit us, take a tour of our vineyards, visit our Swan pond, and
            taste our wines in one of three wine-tasting rooms. Our beautiful,
            family-owned and operated winery is open every day from 11-6 daily
            except major holidays. Dove Farm Wines is family-owned and operated and
            hope to make you part of our family. You&#226;€™ll be glad you came by as we
            welcome you with a taste of our current selections.</p>
    
    
            <p class="roman"><img src="about_bestanden/Napa1b.jpg" alt="winery building" width="325" height="225">We&#226;€™ll
            even ship special orders anywhere in the U.S. free of charge (under
            $50) because we so appreciate your visit. And if you are using our wine
            to honor a special occasion, we are elated to be a part of your
            momentous day. </p>
            
            <p class="roman">Cheers! -- Dan, Donna, Rob and Jamie Diamonte</p>
            <p class="roman">** Click <a href="http://maps.yahoo.com/" class="about">HERE</a> to find us on Yahoo maps **<br>
            <a href="mailto:info@dovevalley.com" class="about">info@dovevalley.com</a><br>
            1-800-DOVE-VLY / 707-732-7195
            </p>
        </div>
    
    </div>
    </body></html>
    At least 98% of internet users' DNA is identical to that of chimpanzees

  5. #5
    Join Date
    Nov 2008
    Location
    Niagara Falls, Canada
    Posts
    351
    Thanks for taking the time to show me a re-design Fang (much appreciated). I am going to get going on it right away. An amateur like me has learned a lot from you in this forum. I think I speak for amateurs everywhere when I say, thanks for helping us amateurs out!! That's how we get better.

    Cheers,
    Kris.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles