Es hat den Anschein, als hättest du versucht, ein Tabellenlayout in etwa 1:1 mit Divs umzusetzen.
Das ist nicht die richtige Vorgehensweise.
Divs dienen lediglich dazu, größere, einheitliche Teilbereiche einer Website ("division") zu gruppieren.
Innerhalb dieser Bereiche sollten dann die semantisch korrekten Auszeichnungen vorgenommen werden.
Anstelle von
- Code: Alles auswählen
<p class="content-title">Die kardiologische Untersuchung des Herzens beim Pferd</p>
solltest du eine Überschrift, z.B. "h1" verwenden und diese entsprechend - ohne Klasse - formatieren.
Im großen und ganzen sollten drei Haupt-Divs für dein Layout ausreichen:
Eine äußere, zentrierte Hülle, der linke Navibereich und der rechte Contentbereich.
Für den dunkelgrauen Hintergrund brauchst du keinen Div. Das lässt sich z.B. durch eine Rahmenzuweisung lösen.
Die Lösung liegt also in der Einfachheit und der Verwendung der dafür speziell vorgesehenen HTML-Elemente.
Vielleicht versuchst du unter diesen Gesichtspunkten nochmal einen einfach strukturierten Aufbau, der sich auf die wirklich notwendigen Divs beschränkt, sonst gibt es in der Tat eine unübersichtliche Divsuppe.
Frage stellen
