Tweet
Moin, ich hätt da mal gern n Porblem. Leider ist es sogar wichtig... -.-
Ich arbeite grad an einem Projekt, indem ich erstmal das Layout in HTML umsetzen soll. Nungut, bin soweit fertig.
Jetzt hab ich nur ein Problem, und zwar hat der IE6 einen komischen Fehler bei meinen Divs, aber erstmal ein bisschen Input:
HTML:
zugehöriges CSS:
Nun, Der Code verursacht, dass ich eine Box erhalte, welche einen Rahmen hat (mit runden ecken und schatten) sowie einen Anfangs-Verlauf, der sobald er einmal komplett angezeigt wird, in einen "wiederholbaren" hintergrund ausläuft.
Aber das ist garnicht mein Problem, sondern:
Aller funktioniert wunderbar, in allen Browsern.
Das Problem ist nur: im IE6 macht er meine .line ca. 10px hoch, aus unerfindlichen Gründen!
Obwohl es nur 1px sein sollte, und extra angegeben wurde....
Ich bin am Ende meiner HTML und cSS Künste angelangt, aber vielleicht kennt ja jemand das Problem? Hab mich schon totgesucht, leider nichts passendes gefunden (oder falsche keywords genutzt
)
Lg
Ich arbeite grad an einem Projekt, indem ich erstmal das Layout in HTML umsetzen soll. Nungut, bin soweit fertig.
Jetzt hab ich nur ein Problem, und zwar hat der IE6 einen komischen Fehler bei meinen Divs, aber erstmal ein bisschen Input:
HTML:
Code:
<div class="frame_repeat"> <div class="frame_data"> <div class="frame_data_padding"> <img src="/media/images/content/bild.jpg" alt="Bild" /> <div class="spacer10"></div> <p><a href="/videos/video">Text</a></p> <div class="line"></div> <p><a href="/videos/video">Text</a></p> <div class="line"></div> <p><a href="/videos/video">Text</a></p> </div> </div> </div> <div class="frame_bottom"></div>
Code:
.spacer10{ clear:both; height: 10px; }
.line{
width: 156px;
height: 1px;
background-color: #C4C2C2;
}
.frame_repeat{
background-image: url('/media/images/bgs/rahmen.jpg');
background-repeat: repeat-y;
width: 187px;
}
.frame_data{
background-image: url('/media/images/bgs/rahmen_top.jpg');
background-repeat: no-repeat;
width: 187px;
min-height: 235px;
height: auto !important;
height: 235px;
}
.frame_data_padding{ padding: 15px 15px 0px 15px; }
.frame_bottom{
background-image: url('/media/images/bgs/rahmen_bottom.jpg');
background-repeat: no-repeat;
height: 10px;
width: 187px;
}
Aber das ist garnicht mein Problem, sondern:
Aller funktioniert wunderbar, in allen Browsern.
Das Problem ist nur: im IE6 macht er meine .line ca. 10px hoch, aus unerfindlichen Gründen!
Obwohl es nur 1px sein sollte, und extra angegeben wurde....
Ich bin am Ende meiner HTML und cSS Künste angelangt, aber vielleicht kennt ja jemand das Problem? Hab mich schon totgesucht, leider nichts passendes gefunden (oder falsche keywords genutzt
)Lg
Kommentar