Problem mit CSS

  • Hallo zusammen,

    auf meiner website http://www.wolfgangbrenner.de zeigen Firefox 0.9.3 und Mozilla 1.7.1 bei der Navigation trotz CSS "width="100%" den rechten Border nicht an. Opera 7.51 und IE 6.0 tun das. Weitere Browser habe ich nicht getestet weil nicht installiert.

    Habe ich einen Fehler in meiner CSS?

    Egentlich das gleiche Problem habe ich mit der Seite eines Kunden http://www.fm-software.net. Hier kachelt im Headbereich die Grafik unerwünscht. Grund sind die 4 Spalten mit 190 px Breite plus div. Borders links bzw. rechts. Setze ich hier jeweils auf 100% (anstatt 190 px), ist der Head o.k., jedoch überlappt dann die Navi etwa 2-3 px in die rechts davon liegende Spalte.

    Ich denke, wenn man mir zum erst erwähnten Problem antworten kann, erledigt sich damit das zweitgenannte.

    Danke für Hilfe und Gruß
    wobre

  • Boxmodel nach W3C:
    Gesammtbreit = Border-left + padding-left + width + padding-right + border-right
    http://www.fabrice-pascal.de/artikel/ie5boxmodel/

    Wenn width = 100%, padding-left/right = 0px und border-left/right = 1px ist, dann ist die gesammtbreite = 100% + 2px.

    Wenn 100% in 190px ist, ergibt sich eine gesammtbreite von 192px. Womit das ganze natürlich nicht kompett angezeigt wird.

    allerdings: ehrlichgesagt, hätte ich jetzt erwartet, dass die breite des TDs angepasst hätte... naja. wenn du die width:100%; weglässt, würde sich der <a>-tag, da als block definiert, auf die gesammte breite anpassen und das erreichen, was du vorhast. allerdings befürchte ich, dass der IE dann müll macht, da der nur sehr schlecht mit css umgehen kann.

  • Zitat

    Gesammtbreit = Border-left + padding-left + width + padding-right + border-right


    Ich weiß, aber das Design wollte ich gerne beibehalten. Eigenartigerweise reagiert Firefox erst annehmbar, wenn ich die Breite auf 96% reduziere. Und das wegen ein paar wenigen px!

    Zitat

    allerdings befürchte ich, dass der IE dann müll macht, da der nur sehr schlecht mit css umgehen kann


    Genau das ist mein Problem, aber ist leider noch "der Browser" (versteh ich sowieso nicht).

    Also doch Design ändern?