EvilDragon |
19.06.2006 10:47 |
unterschied zwischen IE und FF (css divs)
morgen,
wenn man sich folgende seite mit FF anschaut sieht alles wunderbar aus, auch di eabstände und und und..
nun switche ich in den IE und man kann es vergessen, der abstand des linken menü verhaut alles...
ich hoffe jemand hat eine idee und kann mir wieter helfen, danke!
http://test.lsb-berlin.net/14.0.html
hier noch die css, fals nötig:
Code:
body {
background-color: #ffffff;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align:center;
}
font.text{
color: #000000;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 12px;
text-align: left;
}
font.header{
color: #006f9f;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 14px;
font-weight: bold;
text-align: left;
}
a, a:link, a:active {
color: #006f9f;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 14px;
}
a:hover {
color: Red;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 14px;
}
a.navi1, a.navi1:visited {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 14px;
}
a.navi1:hover {
color: Red;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline;
font-size: 14px;
}
hr.blue{
color: #006f9f;
border-style: dotted;
}
ul.liste{
list-style: disc;
list-style-image: url(images/lsb-list.gif);
}
td.text {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
div#aussen{
width: 800px;
margin: 0px auto;
border: 2px;
border-style: solid;
border-color: #006f9f;
}
div#menu_oben{
width: 760px;
height: 20px;
margin-top: 5px;
margin-left: 20px;
margin-right: 20px;
text-align: right;
}
div#header_img{
width: 760px;
margin-top: 5px;
margin-left: 20px;
margin-right: 20px;
text-align: center;
}
div#menu_site{
width: 624px;
margin-top: 5px;
margin-left: 156px;
margin-right: 20px;
border-top: 1px;
border-bottom: 1px;
border-left: 0px;
border-right: 0px;
border-style: solid;
border-color: #c3c6c7;
text-align: left;
}
div#links{
float: left;
width: 136px;
margin-top: 10px;
margin-left: 20px;
text-align: center;
}
div#content{
float: left;
width: 410px;
margin-top: 10px;
text-align: left;
}
div#rechts{
float: right;
width: 174px;
margin-top: 10px;
margin-right: 20px;
text-align: left;
}
div#fuss{
width: 740px;
margin-top: 5px;
text-align: center;;
}
|