tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
3
ZUGRIFFE
308
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 23.03.06 17:30 #1
    Avatar von babone
    babone babone ist offline Mitglied Silber
    Registriert seit
    Feb 2003
    Beiträge
    87
    Hallo,
    ich habe probleme mit Abständen bei IE. Aber komischerweise nur wenn ich eine Grafik zufüge. Bei Firefox wird es richtig dargestellt. Nach lange rumprobieren und suchen hoffe ich dass Ihr mir vielleicht helfen könnt. Ich lade mal die Grafik mit hoch. Ansonsten enstehen immer Lücken zwischen mlink1 und mlink2, mlink12 und mlink13, komisch..,

    Hier noch mal die seite zum anschauen..
    http://www.freshandfunky.net/Untitled-1.html


    Danke vielmals
    Naci
    HTML-Code:
    <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<link rel="stylesheet" type="text/css" href="fresh.css" />
</head>

<body>
<div id="mittel">
	      <div id="mlink"><div id="mlink1"></div><div id="mlink2"></div><div id="mlink3"></div>
	      <div id="mlink4"></div><div id="mlink5"></div><div id="mlink6"></div><div id="mlink7"></div><div id="mlink8"></div><div id="mlink9"></div><div id="mlink10"></div><div id="mlink11"></div><div id="mlink12"></div><div id="mlink13"></div></div>
	      <div id="mrechts"></div>
	    </div>
</body>
    Code :
    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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69

    #mittel { margin-top: 0; padding-top: 0;}
#mlink {float:left; width: 133px; height: 201px; background-color: #f5f5f4; padding-left:7px;}
#mrechts { float:left; width: 725px; height: 201px; margin-right:4px;}
#mlink1 {background: url(images/fresh2bslice1_18.gif) no-repeat top right; width: 133px; height:6px;}
#mlink2 {
    width: 133px;
    height:15px;
    background: url(images/fresh2bslice1_26.gif) no-repeat top right;
    background-color: #a1a1a1;
}
#mlink3 { background-color: #606060; width: 133px; height:13px; margin-top: 5px;}
#mlink4 {
    background-color: #606060;
    width: 133px;
    height:13px;
    margin-top: 4px;
}
#mlink5 {
    background-color: #606060;
    width: 133px;
    height:13px;
    margin-top: 4px;
}
#mlink6 {
    background-color: #606060;
    width: 133px;
    height:13px;
    margin-top: 4px;
}
#mlink7 {
    background-color: #606060;
    width: 133px;
    height:13px;
    margin-top: 4px;
}
#mlink8 {
    background-color: #606060;
    width: 133px;
    height:13px;
    margin-top: 4px;
}
#mlink9 {
    background-color: #606060;
    width: 133px;
    height:13px;
    margin-top: 4px;
}
#mlink10 {
    background-color: #606060;
    width: 133px;
    height:13px;
    margin-top: 4px;
}
#mlink11 {
    background-color: #606060;
    width: 133px;
    height:13px;
    margin-top: 4px;
}
#mlink12 {
    background-color: #a1a1a1;
    width: 133px;
    height:15px;
    background-image:url(images/fresh2bslice1_57.gif);
    background-repeat:no-repeat;
    background-position:right;
    margin-top: 5px;
}
#mlink13 { background-color: #f5f5f4; width: 133px; height: 7px; background-image:url(images/fresh2bslice1_62.jpg); background-repeat:no-repeat; background-position:right; }
    Angehängte Grafiken Angehängte Grafiken   
    Geändert von babone (23.03.06 um 17:37 Uhr)
     
  2. 23.03.06 17:44 #2
    Maik Tutorials.de Gastzugang
    Die Angaben für background-position werden in umgekehrter Reihenfolge notiert. Der erste Wert steht für die horizontale, der Zweite für die vertikale Position.

    Code css:
    1
2
3
4
5

    /* aus */
background-position: top right;
 
/* wird */
background-position: right top;

    Für Elemente, deren Höhe weniger als 10 Pixel beträgt, 'benötigt' der IE entweder die gleichwertige, oder 'auf-null-gesetzte' Schriftgröße:

    Code css:
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

    #mlink1 {
height: 6px;
font-size: 6px;
}
 
#mlink13 {
height: 7px;
font-size: 7px;
}
 
/* oder */
 
#mlink1 {
height: 6px;
font-size: 0;
}
 
#mlink13 {
height: 7px;
font-size: 0;
}
     
  3. 23.03.06 18:23 #3
    Avatar von babone
    babone babone ist offline Mitglied Silber
    Registriert seit
    Feb 2003
    Beiträge
    87
    Hi,
    danke Dir. Hat mich echt weiter gebracht.

    Grüße Naci
     
  4. 23.03.06 18:27 #4
    Maik Tutorials.de Gastzugang
    Dann markiere das Thema bitte auch als erledigt.
     
« Netscape 7.1 Text ragt über Box hinaus. | Layout ohne Tabelle möglich? »

Ähnliche Themen

  1. Abstand zwischen DIVs im IE6
    Von AhuraMasda im Forum CSS
    Antworten: 1
    Letzter Beitrag: 30.09.07, 18:26
  2. Abstand zwischen DIVs
    Von mille im Forum CSS
    Antworten: 4
    Letzter Beitrag: 14.08.06, 19:55
  3. Probleme mit Abständen und z-index (DIV)
    Von Sebigf im Forum CSS
    Antworten: 13
    Letzter Beitrag: 22.06.06, 06:50
  4. Probleme mit Abständen
    Von DJBelial im Forum CSS
    Antworten: 0
    Letzter Beitrag: 08.12.05, 20:54
  5. Abstand zwischen Divs
    Von subaia im Forum CSS
    Antworten: 6
    Letzter Beitrag: 19.05.05, 06:00