Layout - Css realisiert - offensichtlich Boxmodel Problem

[alphanumericAuf Bewährung]

Hallo!

Hab ein kleine, auf css basierende Map, für die Schule gemacht .. hat bis jetzt auch gut hingehauen nur beim Menü hab ich ein Problem

http://www.multiaugustinum.com/~ober...eite/test.html

Das is die Seite .. Beim mouseover ändert sich die Hintergrundfarbe im Menü ... das Problem ist nur das sich der Hintergrund nur im Internetexplorer über die gesamte Zeilenlänge ändert ... bei allen anderen Browsern nicht.

Das scheint eben wieder mal das Box-Model-Problem zu sein ... hab auch schon den Tantek Box Model Hack probiert ... kam aber auf kein befriedigendes Ergebniss.

Also entweder hat mein Problem mit dem Box Model Prob. nichts zu tun oder ich habe den Hack nicht richtig angewandt ....

Also entweder hat mein Problem mit dem Box Model Prob. nichts zu tun

ganz genau
schau dir mal dein padding-right für #menu an.
insgesamt wirst du früher oder später mit dem gesamten "padding-gulasch", dass du auf deiner seite gekocht hast, arge probleme in den verschiedenen browsern bekommen...

[Boris]

Sagmal, reicht Dir ein Beitrag zu Deiner Seite nicht?

http://www.traum-projekt.com/forum/s...ad.php?t=62326

[alphanumericAuf Bewährung]

Ja und kannst du ned lesen ? Ich hab geschrieben das ich mit dem Tantek's Hack ned weiter gekommen bin ausserdem reicht es mir nicht den IE einfach im Noraml statt im Querks Mode zu betreiben!

Ausserdem hat der User über dir bereits gesagt, dass mein Problem angeblich nichts mit dem Box-Model-Fehler zu tun hat.

---zum vorherigen Post---

ja was is mit dem padding-left ? Das hab ich so hoch damit der Background beim Mouseover in der ganzen Zeile geändert wird!

[Boris]

Ich kann sehr wohl lesen, aber da es nach wie vor um die gleiche Webseite geht, kannst Du genauso gut in eben diesem Beitrag weiter schreiben.

Wenn Du willst, dass der Hintergrund die volle Breite nimmt, musst Du das auch im CSS angeben:

#menu2 a {
font-family: arial, verdana, helvitica, sans-serif;
font-size: 10pt;
text-decoration: none;
color: #2D2D2D;
display: block;
padding-left: 8px;
padding-top: 0px;
padding-right: 151px;
padding-bottom: 0px;
line-height: 12pt;
}

Sprich: da fehlt ein width: auto; oder width: 100% ...

Zudem ist "pt" keine gute Angabe für die Darstellung im Web, sondern eignet sich nur für den Druck. Benutze em oder px dafür.