vertikale Abstände im IE6 vs. FF - wo liegt der Fehler?

Krischu · #1 (**permalink**) 20.05.2007, 10:01

Habe hier mein reduziertes Beispiel: (zum direkten ansehen, hier)

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />


<meta name="language" content="de, en"/>
<title> Test 3 Spalten Layout FF und IE 6,7 </title>

<style type="text/css" media="screen">
/* this layout will not work in IE Strict */
* { margin:0; padding:0; border:0;}


#header {
    color:#f80;
    clear:both;
    width: 100%;
    background-color: #68b;
    height:48px;
    text-align:center;
}   

.ruler {
        border-bottom-width: 1px;
        background-image:url(file:///c://kachel_rot.gif);
        background-position:bottom;
        background-repeat:repeat-x;
        width: 100%;
        height: 1px;      
}
</style>

</head>

<body>

<div id="header">header</div><div class="ruler"></div><br/>
warum der Zwischenraum im IE<7?



</body>
</html>

Wieso macht IE <7 einen Abstand zwischen den blauen Streifen und die rot-gepunktete Linie (ruler)?

Krischu · #2 (**permalink**) 20.05.2007, 10:25

Habe inzwischen festgestellt, daß background-position:bottom; den Abstand auszulösen scheint:

Code:

.ruler {
        border-bottom-width: 1px;
        background-image:url(file:///c://kachel_rot.gif);
        background-position:bottom;
        background-repeat:repeat-x;
        width: 100%;
        height: 1px;
        
}

Krischu · #3 (**permalink**) 20.05.2007, 10:32

Beitrag gelöscht................

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Redesign für Steiner Cycling Team	pkipper	Site- und Layoutcheck	11	09.02.2011 12:25
Wo ist der Fehler in diesem Design (im IE6)?	Strubbl	CSS	8	25.01.2008 11:57
seh den Fehler nicht - IE6 Problem	simplex2k4	CSS	6	05.09.2007 22:39
Ie6 macht abstände wo FF keine macht^^	cannap	CSS	1	18.08.2007 11:14
IE6 macht große Abstände	cgdesign	CSS	12	17.07.2007 12:04