+ Antworten
Ergebnis 1 bis 9 von 9

Thema: Box-Modell-Rechnungsfehler?

  1. #1
    TP-Insider NicNac macht alles soweit korrekt Avatar von NicNac
    Registriert seit
    Apr 2001
    Ort
    Zürich, Schweiz
    Beiträge
    557

    Box-Modell-Rechnungsfehler?

    Hi

    Ne Frage ob ich mich da nicht verrechnet habe:

    Ich hab ne div mit der id navigation definiert. Die div ist 20px hoch, hat ein padding von 5px, einen border von 1px

    Innerhalb dieses divs stelle ich die Links als Buttons dar. Jeder Button hat 0px padding(zumindest oben und unten), und 0 margin, allerdings 1px Rahmen. Das heisst, dass ich ne Höhe für die Buttons von 18px zur Verfügung habe oder nicht?

    EDIT:

    Ich frage eben u.a., weil im IE eine NavBar mit den exakt selben Massen (allerdings ohne Buttons), kleiner dargestellt wird.
    Geändert von NicNac (12.07.2004 um 19:25 Uhr)
    http://www.exploreourplanet.net - Ladet eure schönsten Urlaubsbilder hoch!

  2. #2
    TP-Veteran Terry hilft, wo's geht Terry hilft, wo's geht Terry hilft, wo's geht Avatar von Terry
    Registriert seit
    Mar 2004
    Beiträge
    1.772
    Deine Berechnung ist richtig - 20px Höhe sind Inhaltshöhe - border und padding kommen dazu.

    Wenn der IE6 es falsch macht, dann ist er im Quirksmodus -> Doctype ändern!

    Der IE5 generell, sowie der IE6 und Opera im Quirksmodus machen es falsch - border und padding werden abgezogen statt addiert!
    Grüße, Terry

  3. #3
    TP-Insider NicNac macht alles soweit korrekt Avatar von NicNac
    Registriert seit
    Apr 2001
    Ort
    Zürich, Schweiz
    Beiträge
    557
    wo find ich denn die richtigen doctype deklarationen? ich hab e die ganze zeit das gefühl dreamwaver hat so manchmal seine macken...mir hat er den doctype automatisch auf transitional gesetzt, strict hab ich nicht gefunden..
    http://www.exploreourplanet.net - Ladet eure schönsten Urlaubsbilder hoch!

  4. #4
    TP-Senior mibu macht sich hier sehr viel Mühe
    Registriert seit
    Nov 2001
    Ort
    Ulm
    Beiträge
    233
    schau mal hier....

    gruss mibu!

  5. #5
    TP-Insider NicNac macht alles soweit korrekt Avatar von NicNac
    Registriert seit
    Apr 2001
    Ort
    Zürich, Schweiz
    Beiträge
    557
    Hab jetzt das eingegeben:

    Code:
    <?php echo"<?xml version=\"1.0\" encoding=\"iso-8859-1\"?".">"; ?>
    <!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" xml:lang="en" lang="en">
    Aber sieht bei mir immer noch gleich falsch aus...aber Rechnungsfehler sagst du hab ich nich?! komisch..ich durchschaus ned
    http://www.exploreourplanet.net - Ladet eure schönsten Urlaubsbilder hoch!

  6. #6
    TP-Veteran Terry hilft, wo's geht Terry hilft, wo's geht Terry hilft, wo's geht Avatar von Terry
    Registriert seit
    Mar 2004
    Beiträge
    1.772
    Ist einfach zu durchschauen:

    Durch den xml-Prolog fällt der IE 6 in den Quirks-Modus, weil der mit xml nix anfangen kann......

    Also entweder: xml-Prolog rausnehmen oder Hacks einbauen.
    Grüße, Terry

  7. #7
    TP-Senior mibu macht sich hier sehr viel Mühe
    Registriert seit
    Nov 2001
    Ort
    Ulm
    Beiträge
    233
    du musst die xml anweisung rausnehmen.
    gut und ausführlich erklärt:
    http://www.fabrice-pascal.de/artikel/dtd/

    gruss mibu!

  8. #8
    TP-Insider NicNac macht alles soweit korrekt Avatar von NicNac
    Registriert seit
    Apr 2001
    Ort
    Zürich, Schweiz
    Beiträge
    557
    Ihr seid meine Helden Klappt. Aber wieso fügt mir denn Dreamwaver das automatisch ein? Ich öffne immer ne XHTML-kompatible PHP Seite, aber ich machte noch nie spezifisch eine XML Seite?!
    http://www.exploreourplanet.net - Ladet eure schönsten Urlaubsbilder hoch!

  9. #9
    TP-Veteran Terry hilft, wo's geht Terry hilft, wo's geht Terry hilft, wo's geht Avatar von Terry
    Registriert seit
    Mar 2004
    Beiträge
    1.772
    Theoretisch ist das ja auch richtig mit dem XML-Prolog. Jedenfalls aus Sicht des W3C und der Tatsache, das XHTML quasi das HTML für XML ist.

    Aber dem steht wie so meist ein Bug im IE entgegen. Und so ist es halt erlaubt, den Prolog auch wegzulassen, um alte Browser nicht zu verwirren. Und das macht aufgrund der Browserverteilung halt auch einfach mehr Sinn so. Obwohl es da auch unterschiedliche Meinungen gibt.

    Du solltest dann aber zusätzlich den MIME-Typ: text/html dazusetzen, sonst meckert evtl. der Validator. Also einfach in den head noch:

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"/>

    Dann ist auch der Validator zufrieden (jedenfalls der vom W3C - der deutsche gibt die Empfehlung, den Prolog mit rein zu nehmen).
    Grüße, Terry

+ Antworten

Ähnliche Themen

  1. wie farbton einer box ändern?
    Von veto im Forum Flash & Multimedia
    Antworten: 12
    Letzter Beitrag: 29.04.2004, 23:21
  2. bewegen einer box per as mit wobble
    Von veto im Forum Flash & Multimedia
    Antworten: 2
    Letzter Beitrag: 18.04.2004, 20:41
  3. Tutorialtipp: Serversetup unter White Box Linux und RedHat
    Von PortalNews im Forum Einfach so ...
    Antworten: 0
    Letzter Beitrag: 28.03.2004, 19:50
  4. OK, Abbrechen- Box
    Von xStream im Forum HTML & CSS
    Antworten: 2
    Letzter Beitrag: 07.12.2003, 19:59
  5. HTML Box
    Von DarkNight im Forum Fireworks
    Antworten: 8
    Letzter Beitrag: 05.09.2003, 15:02

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51