Ergebnis 1 bis 4 von 4

Thema: CSS float clearen

  1. #1
    Samurai
    Registriert seit
    30.09.2007
    Beiträge
    229
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard CSS float clearen

    Die Seite ist wie folgt aufgebaut.

    Header

    Navi (float left) daneben Main

    Footer (clear both)

    klappt soweit ganz gut

    Nun möchte ich im Main-Bereich ein Bild mit Text daneben einbauen.
    Also hab ich das Bild (float:left) gemacht und der Text kommt auch daneben.
    Darunter soll dann ein <hr> erscheinen, also habe ich vor der <hr> ein <br style="clear: both;"> eingebaut.

    Leider erscheint nun die <hr> nicht direkt unter dem Bild, sondern erst da, wo die Navi (die ja auch gefloatet ist) aufhört.

    Wie kann ich das wie gewünscht umsetzen?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Wer andern eine Bratwurst brät, wird selbst zum Bratwurstbratgerät.
    Ron Stoppable

  2. #2
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    indem du bild und text in nen extra div packst und dem border-bottom: gibst.

    Gruß,
    Jojo

  3. #3
    Samurai
    Themenstarter

    Registriert seit
    30.09.2007
    Beiträge
    229
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Eigentlich ne gute Idee, aber nicht so ganz die Lösung.

    Hab mich aber auch etwas ungenau ausgedrückt.

    Also es handelt sich um eine Buchbeschreibung. Links soll also das Bild hin und Beschreibung rechts daneben und falls sie lang genug ist, auch unter dem Bild weiter.

    Auf jeden Fall soll dann die ISBN-Nr und der Preis unter dem Bild stehen, also auch wenn die Beschreibung kürzer ist. Danach kommt erst die <hr>.

    Darunter kommen noch weitere Bücher, wo es dann immer wie gewüscht klappt, da die Navi dann nicht mehr stört.
    Wer andern eine Bratwurst brät, wird selbst zum Bratwurstbratgerät.
    Ron Stoppable

  4. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard

    ja mach das br weg und gib der hr die eigenschaft clear.both und dann 100% width, so kann des net floaten, rustcht automatisch da drunter und gut is.

    sollte des net klappen mach es wie jojo schrieb nur daß du die hr mit ins div böllerst
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

Ähnliche Themen

  1. Was bewirkt float:inerhit ?
    Von kappilino im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 20.11.2007, 17:53
  2. Probs mit float (bei Firefox)
    Von Neverdead im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 14.10.2007, 12:12
  3. Float und Table - IE-Bug?!
    Von Kasper im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 16.12.2005, 15:18
  4. Probleme mit float
    Von Modula im Forum HTML & CSS Forum
    Antworten: 13
    Letzter Beitrag: 01.08.2005, 14:26
  5. css problem float
    Von pt-3000 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 21.07.2005, 16:06

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •