Hallo an alle x)
ich habe vor kurzem angefangen meine Designs in DIV umzusetzen statt mit TABLE Tags. Nun die index.html wird in allen Browsern richtig dargestellt, nun bin ich dabei die News templates anzupassen und der Inter Explorer ist der meinung das ganze nciht richtig darzustellen hier mal die Bilder und der dazugehörige Quellcode:
Ausgabe im Firefox (richtige ausgabe):
Ausgabe im IE (Falsche Darstellung):
CSS Datei:
Und der HTML Code:
Wäre nett wenn ihr mir da helfen könntet bin leider noch nicht so erfahren in CSS mit DIV Tags =(
Mfg und schonmal danke
cefuroX
ich habe vor kurzem angefangen meine Designs in DIV umzusetzen statt mit TABLE Tags. Nun die index.html wird in allen Browsern richtig dargestellt, nun bin ich dabei die News templates anzupassen und der Inter Explorer ist der meinung das ganze nciht richtig darzustellen hier mal die Bilder und der dazugehörige Quellcode:
Ausgabe im Firefox (richtige ausgabe):
Ausgabe im IE (Falsche Darstellung):
CSS Datei:
Code:
@charset "utf-8";
/* CSS Document */
body { margin:0; }
div {margin:0;
padding:0;
}
img {border:0px;
margin:0px;
padding:0;
}
#div_news_bg {
width:655px;
background-image:url(../images/bg_news_continue.gif);
background-repeat:repeat-y;
margin-bottom:3px;
height:250px;
}
#bg_news_top {
background-image:url(../images/bg_news_top.gif);
background-position:top;
background-repeat:no-repeat;
height:250px;
}
#bg_news_bottom {
background-image:url(../images/bg_news_bottom.gif);
background-position:bottom;
background-repeat:no-repeat;
height:250px;
}
#bg_news_bottom #news_pic {
width:146px;
float:left;
padding:4px 4px 4px 4px;
}
#news_kontext {
float:right;
width:487px;
padding: 6px;
}
#news_headline {
background-image:url(../images/bg_news_headline.gif);
background-repeat:no-repeat;
width:auto;
padding-left:14px;
padding-top: 6px;
height:19px;
font-family:Verdana;
font-size:10px;
color:#FFFFFF;
}
Und der HTML Code:
Code:
<div id="div_news_bg">
<div id="bg_news_top">
<div id="bg_news_bottom">
<div id="news_pic"><img src="../../news pics/management.jpg" width="146" height="175">
</div><img src="http://forum.jswelt.de/images/news_trenner.gif" style="float:left">
<div id="news_kontext">
<div id="news_headline">
Test</div>
</div>
</div>
</div>
</div>
Wäre nett wenn ihr mir da helfen könntet bin leider noch nicht so erfahren in CSS mit DIV Tags =(
Mfg und schonmal danke
cefuroX
Zuletzt bearbeitet: