Slide

Einfach. Erfolgreich. Die eigene Homepage
Die eigene Homepage – optimal präsentiert auf PC, Notebook, Tablet, Smartphone

Einfach. Erfolgreich. Die eigene Homepage
Die eigene Homepage – optimal präsentiert auf PC, Notebook, Tablet, Smartphone

Slide

VIEL GELERNT. DIE HOMEPAGE IST ON
Im Workshop die eigene, professionelle Homepage erstellen. Mit Spass und Fertigstellungsgarantie!

VIEL GELERNT. DIE HOMEPAGE IST ON
Im Workshop die eigene, professionelle Homepage erstellen. Mit Spass und Fertigstellungsgarantie!

Slide

LIVE SEMINAR: DIE EIGENE HOMEPAGE
Schritt für Schritt zur eigenen Homepage. Langfristige Lernerfolge durch Learning by Doing.

LIVE SEMINAR: DIE EIGENE HOMEPAGE
Schritt für Schritt zur eigenen Homepage. Langfristige Lernerfolge durch Learning by Doing.

Slide

LEARNING BY DOING
Im Firmen-Workshop die eigene Website als Marketinginstrument kennen und lieben gelernt.

LEARNING BY DOING
Im Firmen-Workshop die eigene Website als Marketinginstrument kennen und lieben gelernt.

Slide

EINFACH GENIAL. GENIAL EINFACH.
Die eigene Homepage Workshop selbst erstellt, in einfachen und leicht nachvollziehbaren Schritten.

EINFACH GENIAL. GENIAL EINFACH.
Die eigene Homepage Workshop selbst erstellt, in einfachen und leicht nachvollziehbaren Schritten.

previous arrow
next arrow

Problemlösung: Text lässt sich nicht unter ein Element platzieren

ei komplexen Layouts kommen häufig CSS-Floats zum Einsatz. Mithilfe von CSS-Floats ist es möglich, Elemente nebeneinander zu platzieren. So kann man beispielsweise ein Bild mit Text umfließen lassen oder mehrere DIV-Container nebeneinander anordnen. Das ist an sich eine schöne Sache. Allerdings stört diese Formatierung dann, wenn man beispielsweise einen Text unter eine solche Anordnung von Elementen setzen möchte.

Durch Clearing von Floats kann dies verhindert werden. Hierzu sind zwei Schritte notwendig:

Der folgende HTML-Code muss über dem Text, der nicht weiter floaten soll, eingesetzt werden: 

<div class="clearboth">&nbsp;</div>

Der folgende CSS-Code muss in das Stylesheet (meist mit stye.css benannt) eingefügt werden (dieser Eingriff sollte allerdings nur von versierten Anwendern vorgenommen werden!):

.clearboth { height: 0; clear: both; margin: 0; padding: 0; }

Nun sollte der Text da bleiben, wo er platziert wurde, nämlich unterhalb der floatenden Elemente.