Hallo,
ich habe eine Navigation erstellt die 700px lang sein soll und 50px hoch. Im Firefox wird sie verkürzt angezeigt und im Internetexplorer total falsch wo liegt der Fehler?
MfG Billbos
Hier online ----> http://www.poure.eu
Hier ist das Stylesheet
Code
@charset "utf-8";
/* CSS djw_NAVIGATION */
* html {
margin: 0;
padding: 0;
}
* {
margin: 0;
padding: 0;
}
#navigation {
background: #CCC url(../img/navi/background.png) repeat-x;
width: 700px;
min-width: 700px;
height: 50px;
margin: 0 auto;
font: 100.01% Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: bold;
}
#navigation ul {
list-style-type: none;
padding: 0;
margin: 0;
}
#navigation li {
list-style-type: none;
float: left;
}
#navigation a {
background: url(../img/navi/both.png) repeat-x;
background-position: 0 0;
color: #FFF;
padding: 0 10px 0 10px;
line-height: 50px;
display: block;
width: auto;
text-align: center;
text-decoration: none;
margin: 0;
}
#navigation a:hover {
background: url(../img/navi/both.png) repeat-x;
background-position: 0 -50px;
color: #000;
text-align: center;
text-decoration: none;
}LAYOUT
Code
@charset "utf-8";
/* CSS djw_LAYOUT */
*html {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
background: #FFF url(../img/background/background.png) repeat-x bottom left;
height: 100%;
font: 100.01% Arial, Helvetica, sans-serif;
text-align: left;
}
#top {
width: 100%;
height: 50px;
background: #DDDCDC;
}
#topnaviimage {
background: url(../img/navi/top_navi-left-right.png) no-repeat;
width: 1000px;
margin: -50px auto 0 auto;
}
#main {
background: #CCC;
width: 700px;
margin: 0 auto;
}
#header {
background: #FFF url(../flash_/header.swf) no-repeat;
width: 700px;
height: 100px;
margin: 0 auto;
}