✔ Pixelgenaue Darstellung?

Status
Nicht offen für weitere Antworten.
S

Samtpfötchen

Grünschnabel
Hallo,

ich hab gerade ein Design mit Hilfe einer Tabelle gecodet, aber dann leider festgestellt, dass der CSS Teil im IE und im FF unterschiedlich angezeigt wird. Im FF passt alles wunderbar, aber der IE rechnet in der Breite zwei Pixel zu wenig dazu.
Könnt ihr mir bitte helfen?
Klick hier

LG
 
Zuletzt bearbeitet:
Bei dem Layout bietet es sich an, ohne Tabellen zu arbeiten:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type"
    content="application/xhtml+xml; charset=UTF-8" />
<title>Free Horses Community</title>
<style type="text/css">
    body {
        background:#E7EAE3;
        font-family:Arial, sans-serif;
    }
    #title h1 {
        margin:0 auto;
        padding:0;
        width:737px;
        height:252px;
        background:url('http://free-horses.com/fhc-version8/images/head.jpg');
    }
    #title h1 span {
        display:none;
    }
    #navi {
        margin:0 auto;
        padding:0;
        width:737px;
    }
    #navi h2 {
        display:none;
    }
    #navi ul {
        margin:0;
        padding:0 0 7px 0;
        border-width:0 1px;
        border-style:solid;
        border-color:#000;
        list-style-type:none;
        text-align:center;
        color:#000;
        background:#66778c;
    }
    #navi ul li {
        display:inline;
        margin:0;
        padding:0 4px 0 8px;
        font-size:0.8em;
        border-left:1px #000 solid;
    }
    #navi ul li.first {
        border-left-width:0;
    }
    #navi ul li a {
        color:#000;
        text-decoration:none;
    }
    #content {
        margin:0 auto;
        padding:0;
        width:737px;
    }
    #content div {
        font-size:0.8em;
        color:#000;
        background:#8E9DB0;
        border-width:1px;
        border-style:solid;
        border-color:#000;
        margin:0;
        padding:0 20px;
    }
    #foot {
        margin:0 auto;
        padding:0;
        width:737px;
        height:46px;
        background:url('http://free-horses.com/fhc-version8/images/foot.jpg');
    }
    #foot p {
        display:none;
    }

</style>
</head>
<body>
<div id="title">
    <h1><span>Free Horses Community</span></h1>
</div>
<div id="navi">
    <h2>Navigation</h2>
    <ul>
        <li class="first"><a href="./">Home</a></li>
        <li><a href="./">Einf&uuml;hrung</a></li>
        <li><a href="./">Login</a></li>
        <li><a href="./">Mitglieder</a></li>
        <li><a href="./">Herden</a></li>
        <li><a href="./">Rudel</a></li>
        <li><a href="./">Gruppen</a></li>
        <li><a href="./">Einzelg&auml;nger</a></li>
        <li><a href="./">Impressum</a></li>
    </ul>
</div>
<div id="content"><div>

    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
        Curabitur tincidunt lectus et sapien.
        Sed quis diam.
        Quisque vestibulum mollis eros.
        Integer vitae pede.
        Donec gravida vulputate enim.
        Etiam imperdiet, mi ut hendrerit consequat, mauris purus
        cursus metus, at aliquet risus nisi at lacus.
        Maecenas elit erat, adipiscing in, ornare quis, elementum
        nec, nibh.
        Praesent a libero.
        Aenean nec urna.
        Curabitur erat neque, ultricies in, dignissim ut, mollis
        vel, leo.
        Proin ultricies.
        Praesent magna lectus, gravida ultrices, sagittis vitae,
        venenatis ac, metus.
        Nullam ac massa.
        Vivamus accumsan.
        Suspendisse potenti.
        Maecenas venenatis dictum ligula.</p>
</div></div>

<div id="foot">
    <p>Copyright 2003 - 2006</p>
</div>
</body>
</html>
Gruß hpvw
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück