• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Simples Float Beispiel - Dynamisch den Content anpassen auf den Inhalt

Queckezz

Queckezz

Neues Mitglied
Guten Abend,
Zurzeit entwickle ich eine Seite, mit einem Content der zweispaltig ist. Die linke und rechte Spalte sind beide gefloatet, sodass sie nebeneinander sind. Zusätzlich habe ich eine minimale Höhe für den Content angegeben. Das Problem ist nun wenn der Content zu klein ist für den beeinhaltenden Text so soll sich der Content dynamisch vergrössern. Ich weiss nicht wie ich sowas realisieren kann.

Als Verdeutlichung habe ich ein kleines Beispiel programmiert: jsFiddle (Einfach oben auf RUN drücken und das Resultat wird unten rechts im Feld angezeigt. HTML und CSS code sind links und rechts oben im Feld)

350jvcp.jpg


Danke im vorraus! :)

Liebe Grüsse
 
Zuletzt bearbeitet:
Danke für die schnelle Antwort, funktioniert bestens im Chrome und Firefox. Im Internet Explorer funktioniert "overflow:hidden" allerdings nicht... das Resultat sieht im IE wie folgt aus:

untitled_3.png
 
Es liegt an dein fehlenden Doctype

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  <html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">

Oder HTML5 - Ist abwärtskompatiebel-
<!DOCTYPE html>
 
Wie dumm von mir. Da es nur ein schnell geskriptetes Beispiel war, hab ich den DOCTYPE ganz vergessen... Ich bin ziemlich neu im Gebiet CSS und kannte overflow noch nicht. Danke für deine Hilfe, hat mir sehr weitergeholfen!

Noch einen schönen Abend :)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben