min-width beim IE

Status
Nicht offen für weitere Antworten.

Albspaetzle

Grünschnabel
Hi, ich habe das Problem, dass der IE "max- und min-width" nicht annimmt. Der zerschießt die ganze Zeit mein Layout. Sonst läuft eigentlich alles glatt.
Habt ihr eine Lösung, wie man das umgehen kann? :confused:
HIer im Forum hab ich nichts gefunden, kann aber auch sein ich hab es überlesen.
 
Es gibt einige Tricks, um im Internet Explorer die min-width- und max-width-Eigenschaften nachzuahmen. Such einfach mal nach dem Stichwort „Internet Explorer“ sowie „min-width“ und „max-width“.
 
Damit sollte es gehen.

HTML:
<!--[if lt IE 7]>
<style type="text/css">
#page {
width: 770px;
width: expression((document.body.clientWidth < 500) ? '500px' : 'auto'); /* simulate min-width */
}
</style>
<![endif]-->

Aber leider scheint es einen Fehler im XHTML Parser vom IE vor Version 7 zu geben, der dafür sorgt, das der IE abstürzt, wenn man im Doctype XHTML statt HTML verwendet.
 
@Albspaetzle: Svend Tofte demonstriert für den IE einen min-width- und max-width-Workaround.

@PuReSteeL: der IE muß beim Einsatz des expression()-Features im Quirksmodus laufen, um nicht abzustürzen bzw. sich aufzuhängen, wenn das Fenster soweit verkleinert wird, bis die gewünschte Mindestbreite des Elements erreicht ist:

HTML:
<!-- put IE into Quirksmode -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
HTML:
<!-- put IE into Quirksmode -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
HTML:
<!-- put IE into Quirksmode -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<!-- oder -->

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
Status
Nicht offen für weitere Antworten.
Zurück