Mit CSS maximale Breite angeben

Geschrieben von: Jan H. Freitag, den 10. Juni 2011 um 08:19 Uhr

Maximale Breite angeben mit CSS max-width

Eine maximale Breite anzugeben macht zum Beispiel bei Websites Sinn, die via Iframe einbezogen werden und keine Angabe über die Breite besitzen.

Da diese Seiten aber trotzdem auch alleine auffindbar sind oder sein sollen, gehen bei Bildschirmauflösungen jenseits von 1600px mächtig in die Breite und machen die Seite fast unlesbar. Eine einfache aber sehr effektive Lösung bietet eine zusätzliche Angabe der maximalen Breite der einzelnen DIV Container.

.breite {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
background-color: #666666;
width: 90%;
max-width:1000px;
}