Hallo ich verwende das untere CSS-Script für mein Layout, allerdings wird der DIV-Bereich (rechts)im Internet Explorer unter dem Content angezeigt und nicht wie es soll und wie es im Firefox kommt rechts!
Ich weiß ist eigentlich ein CSS-Problem, aber ich glaube das es am Quirk-Modus liegt doch wie kann ich den in Typo3 aktivieren?
Vielen Dank++++ ;-)
Gruß
------------------------------------------------------
*{
margin:0;
padding:0;
}
body{
background:#eee;
font:.8em "trebuchet ms", arial, sans-serif;
text-align:center;
}
#content{
float:left;
margin:0 0 20px 0;
width:458px;
}
#seite{
background:#fff url(hintergrund.jpg) repeat-y;
margin:0 auto;
padding:10px 10px 5px 13px;
text-align:left;
width:715px
}
#rootline{
background:#fff;
float:left;
width:500px;
padding:0 0 4px 0
}
#oben{
background:#fff url(bild.jpg);
clear:both;
height:168px;
width:713px;
}
#rechts{
float:left;
margin:0 0 20px 20px;
width:235px
}
#unten{
background:#666;
clear:both;
width:713px
}
#navigation{
background:#fff;
float:left;
width:500px;
padding:0 0 4px 0
}
#navigation ul{
}
#navigation ul li{
display:inline;
margin:0 10px 0 0
}
#navigation ul li a{
text-decoration:none;
border-bottom:4px solid #fff;
color:#666;
font-size:.9em;
font-weight:bold;
}
#navigation ul li a:hover{
text-decoration:none;
border-bottom:4px solid #666
}
h1,h2,h3,h4,h5,h6{
border-bottom:1px solid #ccc;
color:#666;
font-size:1.5em;
letter-spacing:0.01em;
margin:25px 0 0 0
}
#content p{
text-align:justify
}
#unten p{
color:#eee;
font:.85em "trebuchet ms", verdana, sans-serif;
padding:5px;
}
#rechts ul{
list-style:none;
margin:0 0 0 0
}
#rechts ul li{
background:url(liste.jpg) no-repeat;
display:block;
margin:0 0px 0 0;
padding:0 0 0 16px
}
#rechts ul li a{
text-decoration:none;
color:#666;
}
#rechts ul li a:hover{
color:#000;
}
a:link,a:visited,a:active{
color:#000;
text-decoration:underline
}
a:hover{
text-decoration:none
}
#unten a{
color:#fff;
text-decoration:underline
}
#unten a:hover{
text-decoration:none
}