Zurück   HTML Forum > Programmierung > CSS

CSS Für die Gestaltung deiner Webseite fehlen dir die nötigen CSS-Kenntnisse, dann wird dir in diesem Forum geholfen.

Neues Thema erstellen  Antwort
 
Themen-Optionen Thema durchsuchen
Alt 28.04.2009, 12:00   #1
Administrator
 
Benutzerbild von developr
 
Registriert seit: 11.11.2008
Ort: Bremen
Beiträge: 260
developr eine Nachricht über ICQ schicken developr eine Nachricht über MSN schicken
Standard min-width und max-width im IE6

Der Internet-Explorer 6 versteht leider das Attribut min-width und max-width nicht. Abhilfe schafft aber dieser kleine Hack mittels Java-Script.

HTML-Code:
#container{
    min-width:750px;
    max-width:980px;
    width:expression
        (document.body.clientWidth 
        < 900? "750x": "980px" 
        && 
        document.body.clientWidth 
        > 900? "980px": "980px")
}
Erklärung:
Ist Ausflösung (bzw. Breite des Fensters) kleiner als 900, dann mach width = 750px.
Ist Auflösung (bzw. Breite des Fensters) größer als 900, dann mach width = 980px.

Natürlich können die Pixelangaben auch in % geändert werden.

Habe das übrigens gerade auf Katzen-Forum.de angewandt, dort könnt ihr ja mal mit der Browsergröße bzw. Auflösung testen.
developr ist offline   Mit Zitat antworten
Neues Thema erstellen  Antwort

Stichworte
css, hack, ie6, max-width, min-width
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are aus
Pingbacks are aus
Refbacks are aus