[css]Verschillen in Opera en FireFox - Softwareontwikkeling

maandag 30 oktober 2006 11:27

Acties:

CQB 241

Topicstarter

Goedemorgen,

Met onderstaande code heb ik een raar 'verschil' tussen FireFox en Opera. IE boeit me niet, want het wordt een pagina voor mijn telefoon. En daar draait Opera op.

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="nl">
<head>
    <title>TeeDee:Mobiel</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
    <meta name="description" content="Dit is de Mobiele site van TeeDee.">

    <style type="text/css" media="screen">
        h1{font-size:1.2em;}
        p{font-size:.7em;)
        .wIc {margin:0;padding:0;margin-right:2px;width:32px;height:32px;}
        dd {margin:0;padding:0;margin-left:4px;}
    </style>
</head>
<body>

    <h1>TeeDee:MobielPortal</h1>
    <p>Welkom op de Mobile page van TeeDee.</p>
    <ul id="pda_menu">
        <li><a href="/weer/" title="Weer">Weer</a></li>
        <li><a href="/tv/" title="TV Gids">TV Gids</a></li>
    </ul>

</body>
</html>

Screenshots
FireFox:
Afbeeldingslocatie: http://tweakers.net/ext/f/e79fd6218a3296fcd9cfd73a7df6a74b/full.png

Opera

Afbeeldingslocatie: http://tweakers.net/ext/f/acdb23eed444e7585bf41413fd44a380/full.png

Het rare is de <p>. Ik kan werkelijk waar niet bedenken waarom dit zo raar rendert. Als ik de font-size van de <p> verwijder, komt het wel goed. Alleen vind ik dat te groot, een .7em komt perfect uit.

Iemand een idee hierover?

Heart..pumps blood.Has nothing to do with emotion! Bored

maandag 30 oktober 2006 11:33

Acties:

Low-Tech

Zou je ook de code van jou css willen plaatsen?
Nevermind me

Wat ik wel weet is dat de browsers verschillende standaard bullets hebben.

[ Voor 55% gewijzigd door Low-Tech op 30-10-2006 11:35 ]

Fractal Design Meshify S2, Asus ROG B550-F, AMD 3700x, 3080?, Corsair H115i Pro, G-Skill 3600-16 32GB Trident Z Neo

maandag 30 oktober 2006 11:43

Acties:

Prutser_IA

<*{{{><

p{font-size:.7em;) <== moet natuurlijk p{font-size:.7em;} zijn...

Ook margin:0 opvolgend door het herdefinieren van margin-left is niet de netste manier..
kan je beter margin: 0 0 0 4px gebruiken (valideerd hij netjes

)

[ Voor 95% gewijzigd door Prutser_IA op 30-10-2006 11:46 ]

42

maandag 30 oktober 2006 11:58

Acties:

TeeDee

CQB 241

Topicstarter

Mercifull gods, inderdaad. Het was de typo.

Note to self: toch vaker de CSS validator gebruiken

ook na aanpassingen van de CSS.

[ Voor 13% gewijzigd door TeeDee op 30-10-2006 12:00 ]

Heart..pumps blood.Has nothing to do with emotion! Bored