Hr position

[kati]

Hallo mitnander

ich hab ein nerviges Problem. wie mensch unten sieht hab ich ein div mit oben und unten einer Linie. Im IE 7/6 wir dies auch so dargestellt. Im Firefox aber, bleibt die untere Linie oben, dort wo die obere auch ist.
Weiss jemand wieso? (klar, irgend ein CSS Fehler, ich sieh den aber nicht)

Danke schonmal im vorraus!

---Url---
http://opo.graphic-studio.ch/wOPO/test2.php
---Code---

/*HTML*/

<hr/>
                 <div class="unterlagenBestellen">
                   <div class="bild"><img src="/wOPO/wGlobal/layout/images/testbild1.gif" alt=""/></div>
                   <div class="text">
                     <h1>SortiLog 2006</h1>
                      Über 30'000 Artikel auf einen Griff. Beschläge für Möbel, Fenster, Türen und den Bau, die dem Schreiner das Leben leichter machen. Mit vielen Montageabbildungen und den aktuellen Richtpreisen für Endabnehmer. Nutzen dieses umfassende Werk auch bei Ihren Informations- und Verkaufsgesprächen.
                      <br/>
                      <input type="checkbox" class="unterlage" name="unterlage3" value="unterlage3"/> auswählen
                   </div>
                 </div>
                 <hr/>

/*CSS*/

.unterlagen                     {position:relative;}
.unterlagenBestellen            {float:left;width:100%;position:relative;margin:14px 0 0 0;padding: 0 0 5px 0;}
.unterlagenBestellen h1         {color:#000000;font-size:13px;line-height:15px;}
.unterlagenBestellen .bild      {float:left;}
.unterlagenBestellen .text      {float:right;width:383px;}
hr                              {background-color:#e01f22;position:relative;}
.unterlagenBestellen input      {margin-top:25px;border:0}
.unterlagenBestellen .unterlage {margin-top:25px;border:0;width:17px;}
.bestellen                      {border:0 none;float:right;}

[Inita_]

hoi,

wenn du <hr /> einfach ne linie willst, musst du es so definieren durch CSS

<hr style="height:0;border:0;border-top:1px solid #F90" />

Gruss,
Inita

[ChrisB]

Hi,

ich hab ein nerviges Problem.

Was sollen wir denn erst sagen ... zu einer Frage, die so oder aehnlich immer wieder gestellt wird.

wie mensch unten sieht hab ich ein div mit oben und unten einer Linie. Im IE 7/6 wir dies auch so dargestellt. Im Firefox aber, bleibt die untere Linie oben, dort wo die obere auch ist.
Weiss jemand wieso?

Weil auch du die Auswirkungen von float noch nicht verstanden hast.

MfG ChrisB