Hallo miteinander
Ich habe folgendes Problem: meine mit xhtml und css erstellte Seite ist im Firefox gut, im Opera erste Probleme und im IE 6.0 nur Probleme, zb Menuleiste oben im IE fehlt gelbes Band und schwarze Linie stimmmt nicht mehr, die beiden Bilder sind im IE verschwunden und verdecken den Text, es muss etwas mit meinen Positionierungen zu tun haben, es sollte so aussehen wie im Firefox.
Nachstehend der code:
/* CSS Document für Blumen Design Relaunch Mai 2006 */
/* Body und Tag Infos */
body { background-color: #CCCC99;
color: #996600;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
/* Hack für Zentrierung wegen Int Explorer */
text-align: center;
}
h1 { font-size:18px;
color:#996600;
margin:0px; }
h2 { font-size:14px;
color:#996600; }
h3 { font-size:12px;
color:#996600; }
p { margin-top:0px;
color: #996600;
font-size: 10px; }
a:link, a:visited, a:active, a:hover
{
text-decoration:none;
font-weight:bold;
color:#996600;
font-size:9px;
}
a:active, a:hover
{
color:#FF3333;
font-size: 9px;
}
/* Container oder Boxdefinition */
#container {
background-color: #FFFFCC;
width: 760px;
margin:0px auto;
padding: 0px 0;
text-align: left;
}
/* Die Hyperlinks im Menü */
a.menu:link, a.menu:visited
{
color:#996600;
text-decoration:none;
}
a.menu:active, a.menu:hover
{
color:#FF3333;
}
/* Die Titelzeile mit Logo */
#title {
height:80px;
padding:5px;
text-align:center;
background-color:#996600;
}
/* Das Menü */
#menu {
border-top:1px solid #000000;
color:#996600;
background-color:#FFCC33;
text-align:center;
padding:10px 0px;
}
/* Der Inhalt im Content */
#content {
border-top:1px solid #000000;
background-color:#FFFFCC;
width: 500px;
float: left;
padding:5px 30px 10px 10px;
color:#000000;
position: absolute;
}
p.datum {
color: #996600;
font-size: 10px;
}
p.kurztext {
padding: 0 0 0 25px;
}
/* Media-Bereich für Fotos */
#media {
filter: alpha(opacity=60);
opacity: 0.6;
position: absolute;
top: 200px;
left: 36px;
background-color: #FFFFCC;
width: 250px;
height: 190px;
float: left;
border: 1px solid #996600;
}
#media2 {
position: absolute;
bottom: -325px;
right: 50px;
background-color: #FFFFCC;
width: 250px;
height: 190px;
float: left;
border: 1px solid #996600;
}
/* Subcontent für Box und Untermenu */
#subcontent {
float: right;
width: 200px;
border-top:1px solid #000000;
background-color: #FFFFCC;
padding: 40px 10px 10px 10px;
line-height:1.4em;
}
.box {
margin: 20px 10px 20px 10px;
padding: 10px;
border: 1px solid #996600;
background-color: #FFFFCC;
color: #996600;
line-height: 1.5em;
}
#subcontent h2{
padding: 10px;
display:block;
margin:0 0 15px 0;
font-size:1.6em;
font-weight:normal;
text-align:left;
letter-spacing:-1px;
color:#996600;
background-color:inherit;
}
#subcontent p{margin:0 0 16px 0; font-size:0.9em;}
/**************** Stile für Untermenublock ****************/
.untermenublock{margin:0 0 20px 8px; font-size:0.9em;}
.untermenublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
.untermenublock li a{font-weight:bold; text-decoration:none;}
.untermenublock li a:hover{text-decoration:none;}
.untermenublock li ul{margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.untermenublock li ul li{margin-bottom:0;}
.untermenublock li ul a{font-weight:normal;}
/* Footer */
#footer {
clear: both;
background-color: #ffcc33;
width: 760px;
border-top: 1px solid #000000;
color: #996600;
font-size: 70%;
}
#footer p {
margin: 0em 0em 0.5em 0.5em;
padding: 2px;
}
#footer impressum {
float: right;
font-size: 9px;
text-decoration: none;
margin-top: 0em;
}
Wer kann mir helfen?
Danke und Gruss
flyfisherman