PDA

Click to See Complete Forum and Search --> : looks good in firefox but not IE

Captainkewl
02-23-2009, 08:42 AM
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.
Fang
02-24-2009, 01:46 AM
Throwout all positional properties, basically start again with the css.
Captainkewl
02-24-2009, 06:51 AM
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?
Fang
02-24-2009, 09:16 AM
Here's a redesign, you may have to tweak it here and there.
@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;
}

<!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 “Best California Winery”
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’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’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>
Captainkewl
02-24-2009, 09:23 AM
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.