Nieuw lid |
|
Hallo, ik heb de site vanaf nul hermaakt zonder hacks en er gebeurde iets "ongelofelijks": de horizontale navigatiebar die me zoveel kopbrekens bezorgde, staat nu goed in IE6 maar niet meer in FF. De omgekeerde wereld dus. Ik gebruikte voor dat navigatie-element dezelfde code als in mijn vorige versie en nu komt de 5de link (Events) op een volgende lijn (gewrapped dus). Gecheckt in FF3 en Safari (Mac), FF3 en IE6 (PC). kan iemand mij zeggen wat hier verkeerd loopt? Bedankt op voorhand voor een reactie.
Hier is de code (niet kijken naar het aantal divs, de code kuis ik later op)
URL: http://www.argo...test2.html
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="generator" content="Adobe GoLive" />
<title>PureClean Air Systems</title>
<link href="css/test2.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div id="main-container">
<div id="navdiv">
<ul>
<li><a title="USA address information" href="-ENG/USA.html" target="_top">ARGOS Environmental Corporation </a></li>
<li><a title="Europe address information" href="-ENG/EU.html" target="_top">ARGOS Environmental Europe</a></li>
<li><a title="Asia address information" href="-ENG/ASIA.html" target="_top">ARGOS Environmental Asia & Pacific</a></li>
</ul>
</div>
<div id="contentdiv">
<div id="headerdiv">
<h1>PureClean Air Systems</h1>
</div>
<div id="headernavdiv">
<ul>
<li><a title="go to About Us" href="-ENG/index_ENG.html" target="_top">About Us</a></li>
<li><a title="go to Products" href="-ENG/products.html" target="_top">Products</a></li>
<li><a title="go to Facts" href="-ENG/facts.html" target="_top">Facts</a></li>
<li><a title="go to Partners" href="-ENG/partners.html" target="_top">Partners</a></li>
<li><a title="go to Events" href="-ENG/events.html" target="_top">Events</a></li>
</ul>
</div>
<div id="contentcontentdiv"></div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta name="generator" content="Adobe GoLive" /> <link href="css/test2.css" rel="stylesheet" type="text/css" media="all" /> <div id="main-container"> <li><a title="USA address information" href="-ENG/USA.html" target="_top">ARGOS Environmental Corporation </a></li> <li><a title="Europe address information" href="-ENG/EU.html" target="_top">ARGOS Environmental Europe </a></li> <li><a title="Asia address information" href="-ENG/ASIA.html" target="_top">ARGOS Environmental Asia & Pacific </a></li> <h1>PureClean Air Systems </h1> <li><a title="go to About Us" href="-ENG/index_ENG.html" target="_top">About Us </a></li> <li><a title="go to Products" href="-ENG/products.html" target="_top">Products </a></li> <li><a title="go to Facts" href="-ENG/facts.html" target="_top">Facts </a></li> <li><a title="go to Partners" href="-ENG/partners.html" target="_top">Partners </a></li> <li><a title="go to Events" href="-ENG/events.html" target="_top">Events </a></li> <div id="contentcontentdiv"></div>
CSS:
body{
background:#ffffff url(../img/achtergrond_mini.gif) repeat-y;
padding-top:24px;
text-align:center;
font-family:verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
}
p { }
a:link { color: #000000; font-size: 1em; text-decoration: none; }
a:visited { color: #336; font-size: 1em; text-decoration: none; }
a:hover { color: #336; font-size: 1em; text-decoration: none; }
#main-container{margin: 0 auto;width:920px;text-align:left;}
h1{ color:#395ab5; font-size:3em; text-align:right; }
#navdiv{ background: #395ab5 url(../img/logo-Argos-blauw.gif) no-repeat left top; width:310px; float: left; }
#contentdiv{ width: 610px; float: left; }
#headerdiv{ background-image: none; width: 600px; }
#headernavdiv{ background-image: url(../img/headernav.gif); background-repeat: no-repeat; background-position: right 0; width: 603px; padding:0 0 2px; }
#contentcontentdiv{ background-image: url(../img/bluesky_argos_strook.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; width: 602px; height: 600px; }
/*bovenste navigatie bar*/
#headernavdiv ul{ overflow:hidden; text-align:center; margin:0 0 0 100px; list-style: none; }
#headernavdiv li{ float:left; width:100px; height: 30px; }
#headernavdiv li a{
color:#283f7f;
font-size:1.2em;
text-decoration:none;
display:block;
padding:5px 0 5px 0;
}
#headernavdiv li a:link{}
#headernavdiv li a:hover{color:#fffff7;}
/*linker navigatie panel*/
#navdiv ul{ margin: 10px 5px; list-style:none; padding:75px 0 10px; }
#navdiv li{
margin:10px;
padding:10px;
}
#navdiv li a{
color:#D3FFFE;
font-size:1.2em;
text-decoration:none;
}
#navdiv li a:link{}
#navdiv li a:hover{color: #f60;}
body{ background:#ffffff url(../img/achtergrond_mini.gif) repeat-y; padding-top:24px; text-align:center; font-family:verdana, arial, helvetica, sans-serif; font-size: 62.5%; } p { } a:link { color: #000000; font-size: 1em; text-decoration: none; } a:visited { color: #336; font-size: 1em; text-decoration: none; } a:hover { color: #336; font-size: 1em; text-decoration: none; } #main-container{margin: 0 auto;width:920px;text-align:left;} h1{ color:#395ab5; font-size:3em; text-align:right; } #navdiv{ background: #395ab5 url(../img/logo-Argos-blauw.gif) no-repeat left top; width:310px; float: left; } #contentdiv{ width: 610px; float: left; } #headerdiv{ background-image: none; width: 600px; } #headernavdiv{ background-image: url(../img/headernav.gif); background-repeat: no-repeat; background-position: right 0; width: 603px; padding:0 0 2px; } #contentcontentdiv{ background-image: url(../img/bluesky_argos_strook.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; width: 602px; height: 600px; } /*bovenste navigatie bar*/ #headernavdiv ul{ overflow:hidden; text-align:center; margin:0 0 0 100px; list-style: none; } #headernavdiv li{ float:left; width:100px; height: 30px; } #headernavdiv li a{ color:#283f7f; font-size:1.2em; text-decoration:none; display:block; padding:5px 0 5px 0; } #headernavdiv li a:link{} #headernavdiv li a:hover{color:#fffff7;} /*linker navigatie panel*/ #navdiv ul{ margin: 10px 5px; list-style:none; padding:75px 0 10px; } #navdiv li{ margin:10px; padding:10px; } #navdiv li a{ color:#D3FFFE; font-size:1.2em; text-decoration:none; } #navdiv li a:link{} #navdiv li a:hover{color: #f60;}
Citaat: Sliphead Edit: Code tags gebruiken! |