badris
Threadersteller
Dabei seit: 27.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 27.10.2007 15:39
Titel css: margin-left im ie 5 bis 6 |
|
|
Hallo
Hat jemand eine Idee weshalb der IE den Abstand der Navigation links falsch darstellt?
Dank und Gruss
Website
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Dorfschür Nesselnbach</title>
</head>
<body>
<div id="seite">
<div id="top"><dedi:lay type="container" id="10" title="navigation_service"/></div>
<img src="media/img/top_img.jpg" alt="Bild Dorfschür" class="top_img" />
<div id="navigation"><dedi:lay type="container" id="20" title="navigation"/></div>
<div id="content"><dedi:lay type="container" id="30" title="content"/></div>
</div>
<dedi:lay type="config"/>
</body>
</html>
|
Code: | /*
* Allgemein
*****************************************************************************/
html, body, div, span, a, table, td, form, img {
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
}
html, body {
font-size: 100.01%;
text-align:center;
height:100%;
}
a:link {
color: #666;
text-decoration: underline;
}
a:visited {
color: #333;
text-decoration: underline;
}
a:hover {
color: #f60;
text-decoration: underline;
}
a:active {
color: #f60;
text-decoration: underline;
}
img {
border: 0;
}
h1 {
font-size: 1.0em;
color: #f60;
margin: 10px 0px 10px 0px;
}
h2 {
font-size: 0.8em;
color: #f60;
margin: 10px 0px 0px 0px;
}
p, ul {
font-size: 0.75em;
line-height: 1.5em;
color: #666;
margin: 10px 0px 0px 0px;
text-align:left;
}
label, input, select { /* Alle Labels UND Formularelemente auswählen */
font-size: 0.75em;
line-height: 1.5em;
color: #666;
display: block;
float: left;
}
form br { /* Alle Zeilenumbrüche in Formularen auswählen */
clear: left; /* das floating der labels und inputs aufheben */
}
textarea {
width: 300px;
height:150px;
}
input#submit { /* den Submit-Button */
float: none;
width: auto;
}
.strong {
font-weight: bold;
}
.center {
text-align: center;
}
.content_img {
float:right;
display: block;
clear: right;
}
/*
* Layout
*****************************************************************************/
div#seite{
margin:0 auto;
width:836px;
background: url(http://www.dorfschuer.ch/media/img/bg.gif) repeat-y;
min-height:100%;
overflow:auto;
}
div#top {
background: url(http://www.dorfschuer.ch/media/img/top.gif) no-repeat;
margin-left:38px;
height:34px;
}
.top_img {
margin: 0 auto;
display: block;
}
div#navigation {
text-align:left;
margin-left:38px;
width:190px;
background: url(http://www.dorfschuer.ch/media/img/navi_bg.gif) repeat-x;
float:left;
}
#navlist {
padding: 1px;
margin: 0;
font-size: 13px;
}
#navlist li {
list-style: none;
margin: 0;
text-align: left;
border-bottom: 1px #666 dotted;
}
#navlist li a {
display: block;
padding: 0.25em 0.5em 0.25em 0.5em;
text-decoration: none;
}
#navlist li li {
list-style: none;
padding-left: 10px;
text-align: left;
border-bottom: none;
}
#navlist li a:link {
color: #666;
}
#navlist li a:visited {
color: #666;
}
#navlist li a:hover {
color: #f60;
background: #CCC;
}
#navlistservice {
padding:0;
margin:0px 38px 0 0;
font-size: 10px;
}
#navlistservice li {
list-style: none;
margin: 0;
padding-top:19px;
float:right;
}
#navlistservice li a {
text-decoration: none;
}
div#content{
text-align:left;
margin-left:10px;
margin-bottom:20px;
width:560px;
float:left;
}
div#mapcontainer{
width:560px;
height:420px;
} |
|
|