Opera, Netscape,Firefox machens richtig, IE mal wieder nicht
Der <p> unter "Headline" soll nen 12px abstand haben. Zeigt der IE aber nicht
css:
liegts evtl an dem <br> nach dem img ?
Der <p> unter "Headline" soll nen 12px abstand haben. Zeigt der IE aber nicht
Code:
<div class="main_box"> <div class="headline"> <h1>Headline</h1> <div class="img_headline"><img src="images/site/img_headline_right.gif" alt=" " width="8" height="17"/></div><br /> <p>Die professionelle Darstellung des <br /> Unternehmens im Internet ist heute <br /> wichtiger denn je. Mehr als 60% unserer <br /> Bevölkerung nutzt heute das Internet zur <br /> Recherche von Informationen oder zur <br /> Suche von Produkten und Dienstleistungen. <br /> Und die Zahl nimmt täglich zu! </p> </div> <div class="teaser"> <div class="img_teaser"><img src="images/site/img_teaser.gif" alt=" " width="22" height="17"/></div> <h1>Teaserheadline</h1> <p>Die professionelle Darstellung des <br /> Unternehmens im Internet ist heute <br /> wichtiger denn je. Mehr als 60% unserer <br /> Bevölkerung nutzt heute das Internet zur <br /> Recherche von Informationen oder zur <br /> Suche von Produkten und Dienstleistungen. <br /> Und die Zahl nimmt täglich zu! </p> </div> </div>
Code:
#content .main_box { float:left; margin-top:26px; margin-right:0px; margin-left:2px; height:545px; width: 400px; } #content .main_box .headline { height:17px; padding-left:0px; display:inline; } #content .main_box .headline h1 { margin:0px; float:left; height:17px; font-size:11px; font-weight:bold; background-image:url(../images/site/bg_headline.gif); background-repeat:repeat-x; color:#604E48; padding-left:15px; padding-right:12px; display:inline; } #content .main_box .headline .img_headline { float:left; } #content .main_box .headline p { font-size:10px; color:#000000; clear:both; margin-left:15px; margin-top:12px; } #content .main_box .teaser { } #content .main_box .teaser .img_teaser { margin-left:0px; margin-top:20px; margin-right:0px; margin-bottom:20px; } #content .main_box .teaser h1 { margin-left:15px; margin-top:0px; margin-right:0px; margin-bottom:0px; font-size:11px; font-weight:bold; color:#604E48; } #content .main_box .teaser p { font-size:10px; color:#000000; margin-left:15px; margin-top:12px; }
liegts evtl an dem <br> nach dem img ?
Kommentar