Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Verschil in interpretatie tusen HTML en xhtml met 'width'?

Johnny321
2 antwoorden
  • Ik ben bezig met een site (zie ook vorig topic van me) waarbij ik wil dat de achtergrond van een link veranderd als ik er met de muis overheen ga. Aangezien dat niet met 'li:hover' werkt (in IE althans), probeer ik het anders (ik ben nl. niet zo'n fan van JS).

    Ik heb het volgende in m'n CSS:
    [code:1:0234b04d9a]li a
    {
    padding: 10px;
    border: 1px solid green;
    background-color: blue;
    width: 130px;
    }

    li a:hover
    {
    border: 1px dotted blue;
    background-color: green;
    }[/code:1:0234b04d9a]

    Deze heb ik ingevoegd, maar met het resultaat dat het in een xhtml-document niet goed werd weergegeven, maakt niet uit of het transitional of strict is.
    Nu heb ik ook een pagina, zónder de xhtml in de DOCTYPE, en daar werkt het wel goed.

    Maar ik heb geen flauw benul waarom het zonder de DOCTYPE wél werkt, en met DOCYTPE niet.
    Iemand een ideetje?

    pagina zonder doctype: http://htb.ath.cx/oldeman/test_html.html
    pagina met docytype: http://htb.ath.cx/oldeman/test_xhtml.html

    opmaak: http://htb.ath.cx/oldeman/opmaak.css

    ps. In Mozilla maakt niet uit, daar zie je allebei zoals je het bij xhtml-doc ziet.
  • Je ziet het verschil in IE omdat er verschil zit in 'quirks mode' en 'standards mode' en hun interpretatie van het css box-model. Zonder doctype wordt je document behandelt in quirks mode, en in IE dus met het verkeerde box-model. Met doctype krijg je standards mode, waarin het box-model wel juist wordt geinterpreteert.

    Ik denk trouwens dat je een display:block wilt toevoegen aan li a.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.