title image


Smiley Das alte Lied...unterschiedliche Interpretation IE und FF... Anfängerfrage
Hi,



hab soviel schon rumprobiert und will jetzt doch mal fragen.

Ich arbeite mich gerade in CSS ein und brauche nochmal Eure Hilfe.



Hab ein Beispiel, an dem ich weiterarbeite.

Ich hänge mal ein Bild mit an, das die Problematik verdeutlicht. Oberhalb der blauen Linie ist die Ausgabe im FF, unterhalb der Linie die im IE6. Der rote Bereich ist nur der Bildhintergrund.



Im IE beginnt das Submenue weiter rechts, wodurch sich der graue Hintergrund auch verbreitert. Oder sehe ich das falsch?



Gibt es dafür eine Lösung? Oder andersrum gefragt... gibt es eine Lösung die ich verstehe? ;)



Vielen Dank im voraus,

Yeti





Hier die entsprechende CSS-Datei:





body{

color:black;

/*background:#003399;*/

background:#333333;

margin:0;

padding:0;

font:13px verdana, sans-serif;}





#container{

background:#777777;

padding:0;

margin:2% 10% 2% 10%;

}





#head{

height:80px;

background:#777777;

background-image: url(pic/kopf-hintergrund-trans.gif);

/*background-attachment:fixed;*/

background-position:25% 20px;

background-repeat:no-repeat;

}





#menu{

margin:0;

padding:0;

border-top:1px solid black;

border-bottom:1px solid black;

text-align:center;}

#menu ul{

background:#999999;

margin:0;

padding:5px;

list-style:none;

white-space: nowrap;}

#menu li{

display:inline;}

#menu a{

color:#000000;

background:#aaaaaa;

padding:2px 20px 2px 20px;

border:1px solid black;

font:bold 12px verdana, sans-serif;

text-decoration:none;

text-align:center;}

#menu a:hover{color:white;background:#cccccc;}





#submenu{

float:left;

width:200px;

height:600px;

}

#submenu ul{

padding:0 30px 0 10px;

list-style:none;}

#submenu li{

width:145px;

padding:0 0 4px 0;

margin:0;

background:#aaaaaa;

padding:2px 20px 2px 8px;

border:1px solid black;



}

#submenu a{

color:#eeeeee;



font-weight:bold;

font-size:12px;

text-decoration:none;



}

#submenu a:hover{color:white;}

#submenu p{

font-weight:bold;

font-size:12px;

padding:20px 0 10px 10px;

margin:0;}





#content{

color:black;

background:white;

padding:40px 20px 20px 20px;

margin:0 0 0 190px;

border-left:1px solid black;

height:100%;

}

#content h1{

margin:0 0 10px 0;

padding:2px 0 2px 5px;

font:bold 16px verdana, sans-serif;

border-left:10px solid #003399;

border-bottom:1px solid #003399;}

#content h2{

margin:25px 0 10px 0;

padding:2px 0 2px 5px;

font:bold 14px verdana, sans-serif;

border-left:8px solid #003399;

border-bottom:1px solid #003399;}

#content h3{

margin:25px 0 10px 0;

padding:2px 0 2px 5px;

font:bold 12px verdana, sans-serif;

border-left:6px solid #003399;

border-bottom:1px solid #003399;}

#content p{padding:15px;}





#foot{color:white;

background:#999999;

padding:0;

margin:0;

border-top:1px solid black;}

#foot p{margin:0;padding:4px;text-align:right;}




----------------------------------------------------------------
Und es gibt mich doch!
Frag´ den Reinhold ;)

geschrieben von

Anhang
Bild 12796 zu Artikel 591537

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: