ich hab nen kleines problem.. ich hab ne navi über ne liste erstellt, jedoch bekomme ich des ganze net mit "margin: 0 auto;" zentriert...
den code der kompletten seite hab ich mal unten gepostet.. des weiteren verschluckt der ie mir auch immer die unteren border bei den links in dieser liste- auch da find ich net den zuständigen wert.
ich mach jetzt mal das, was jeder entwickler tut, wenn er zu lange auf den monitor starrt... ne kleine pause (hab ja noch kisten vom umzug auszupacken^^)
ich hoffe es findet sich jemand, der mir aus dem code-dschungel raushelfen kann
( sejuma: ich glaube du kennst da wen der mir den weg weist )
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" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />
<style type="text/css">
<!--
.body{
height:100%;
width:98%;
background:#000000;
color:#33cc00;
}
#header{
height:120px;
width:960px;
background: url('') no-repeat;
margin: 0 auto;
}
#navi{
width:960px;
height:45px;
background:lightgrey;
text-align: center;
margin: 0 auto;
}
#navi ul{
list-style-image:none;
margin:0 auto;
}
#navi ul li{
display:inline;
float:left;
margin: 0 auto;
padding:10px 5px 2px 20px;
}
#navi ul li a:hover{
color:#fFDF6F;
text-decoration:none;
border:#3DD36A 1px inset;
}
#navi ul li a{
color:#3DD36A;
text-decoration:none;
border:#3DD36A 1px outset;
padding:3px 8px;
font-family:arial;
font-size:12px;
font-weight:bold;
}
#navi ul li a:active{
color:#FFFFFF;
text-decoration:none;
}
#all{
width:960px;
background:#000000;
margin:0 auto;
display:block;
}
#wrapper_oben{
background: #000000;
width:930px;
height:180px;
float:left;
margin:0 auto;
}
#wrapper_mitte{
background: #000000;
width:930px;
height:180px;
float:left;
margin:0 auto;
}
#wrapper_unten{
background: #000000;
width:930px;
height:180px;
float:left;
margin: 0 auto;
}
#footer{
width: 100%;
background:#000000;
display:block;
clear:both;
margin:0 auto;
text-align:center;
}
a{
color:#3DD36A;
text-decoration:none;
}
a:hover{
color:#fFDF6F;
text-decoration:none;
}
a:active{
color:#FFFFFF;
text-decoration:none;
}
.clearing{
clear:both;
}
.centering{
margin: 0 auto;
background: #fff000;
}
-->
</style>
</head>
<body class="body">
<div id="header"></div>
<div id="navi">
<ul>
[*][url='#']Link[/url]
[*][url='#']Link[/url]
[*][url='#']Link[/url]
[*][url='#']Link[/url]
[*][url='#']Link[/url]
[*][url='#']Link[/url]
[/list]
<br class="clearing" />
</div>
<div id="all">
<div id="wrapper_oben">
</div>
<div id="wrapper_mitte">
</div>
<div id="wrapper_unten">
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Alles anzeigen