Frage stellen
Also alles wird im Firefox richtig angezeigt aber beim IE leider nicht.
auch doch bitte mal an im IE 7 und Firefox
http://bilder.ctscheller.de
style.css
- Code: Alles auswählen
body, div, h1, h2, h3, h4, p, a {
margin:0;
padding:0;
border:none;
}
body {
background-color: #f0f2f1;
font-family: 'Lucida Sans', 'Trebuchet MS', Helvetica, Arial, Sans-Serif;
font-size: 85%;
color: #666;
}
/* Typography */
h1 {
font-size:1.8em;
font-weight:bold;
margin:0.8em 0;
color:#000000;
font-variant:small-caps;
}
h2 {
font-size:1.5em;
font-weight:bold;
margin:0.8em 0;
color:#000000;
font-variant: small-caps;
}
h3 {
font-size:1.2em;
font-weight:bold;
margin:0.8em 0;
color: #000000;
font-variant:small-caps;
}
p {
line-height:1.6em;
margin:0.8em 0 1.5em 0;
}
a {
color:#00000;
}
a:hover {
color:#FFF;
background-color:#FFCC22;
text-decoration:none;
}
/* Layout */
#wrapper {
background-color:#ffffff;
position: relative;
width: 850px;
margin: 20px auto;
}
#head {
position: relative;
width: 850px;
height: 169px;
z-index: 1;
background-image: url('images/headertop.jpg');
left: 0px;
top: 0px;"
z-index: 0;
}
#navhead {
text-align: right;
position: relative;
background-image: url('images/headerbottom.jpg');
width: 850px;
height: 25px;
z-index: 6;
left: 0px;
top: 0px;
z-index: 1;
}
#leftcol {
background-color: #33CC33;
position: relative;
width: 170px;
height: 100px;
z-index: 2;
float: left;
}
#rightcol {
background-color: #008080;
position: relative;
width: 680px;
height: 100px;
z-index: 3;
float: right;
}
#footer {
position: relative;
width: 850px;
height: 40px;
z-index: 4;
float: left;
background-image: url('images/footer3.jpg');
}
/* Formatvorlagen für die Navigation */
#navhead ul {
list-style-type: none;
width: 100%;
margin: 0;
padding: 0;
}
#navihead li {
float: left;
}
#navihead a {
color: #fff;
text-decoration: none;
margin: 0 1px;
padding: 5px;
display: block;
border: 1px solid #ffffff;
}
#navhead a:hover {
border: 1px solid #b4b4b4;
background-color: #b4b4b4;
}
