[CSS] Problem mit relativer Breite

[alcaeus]

Zitat:

Zitat von jfheins

Ichb glaube der IE6 hat Probleme bei der neuberechnung, wenn du die Breite noch mit Javascript änderst ... ich schau mal nach ;)

Danke...nachdem naemlich meine XP-VM abgekackt ist, hab ich gar keinen IE6 mehr zum testen :lol:

Greetz
alcaeus

[jfheins]

Ich find das jetzt nicht mehr aber ich bin mir sicher, dass das Mischen von absoluten mit relative Angaben geht ...

Nen IE6 hab' ich leider auch nicht mehr ;)

[Mystic]

Standardkonform gehören Padding und Border nicht zur Breite/Höhe des Elements.

Zitat:

Zitat von jfheins

Ich fürchte wohl, du muss folgendes schreiben ;)

Code:

#floater {
      padding:1em;
      width:100%-2em; /* 100% minus 2 mal padding des Elternelements */
      background-color:green;
      border:1px solid black;
   }

Das funktioniert nicht. Der Browser ignoriert die fehlerhafte Breitenangabe. Dadurch kommt der Defaultwert zum Einsatz (width: auto;). Dass das hier so aussieht, als würde es funktionieren, ist reiner Zufall.

[alcaeus]

Zitat:

Zitat von Mystic

Das funktioniert nicht. Der Browser ignoriert die fehlerhafte Breitenangabe. Dadurch kommt der Defaultwert zum Einsatz (width: auto;). Dass das hier so aussieht, als würde es funktionieren, ist reiner Zufall.

Dass da was nicht ganz funktioniert war mir klar; ein paar fehlerhafte Anzeigen hat das schon hervorgerufen. Ich werd mir da wohl noch ein paar Dinge ueberlegen muessen :cry:

Greetz
alcaeus

[jfheins]

Zitat:

Zitat von Mystic

Das funktioniert nicht. Der Browser ignoriert die fehlerhafte Breitenangabe. Dadurch kommt der Defaultwert zum Einsatz (width: auto;). Dass das hier so aussieht, als würde es funktionieren, ist reiner Zufall.

Toller Zufall http://dpchat.dpexperte.de/smileys/icon_mecker.gif

Naja ... stell ihn einfach auf auto :mrgreen:

[cruiser]

hrm... so ein Div müsstest du doch eigentlich gar nicht mit einer Breite setzen, da ein div nach meiner Erfahrung standardmäßig die maximale verfügbare Breite (incl. Paddings) nutzt...


oder nich? :gruebel: