HTML & CSS von Kopf bis Fuß, 2nd Edition

Die Kopfleistenbilder mit float reparieren

Häufig stimmt es, dass es mehrere Lösungsstrategien gibt, um ein Layoutproblem mit CSS zu lösen, und das trifft in diesem Fall sicherlich zu. Wir werden das Problem mit float lösen. Sie haben float bereits einmal verwendet, um Teile der Sternback-Seite zu gestalten, bevor wir zu einer CSS-Tabellendarstellung gewechselt sind. Aber es spricht nichts dagegen, mehrere Strategien zu mischen und beispielsweise in einer Seite eine Tabellendarstellung sowie float zu nutzen. Das ist sogar sehr verbreitet. Schauen wir uns also an, wie wir das anstellen können.

1. Das Kopfleistenbild in zwei Bilder zerlegen

   Das haben wir bereits für Sie erledigt; die Bilder »kopfLogo.png« und »kopfSlogan.png« finden Sie im Ordner ...