tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
1
ZUGRIFFE
899
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 29.11.09 23:09 #1
    roH roH ist offline Grünschnabel
    Registriert seit
    May 2004
    Beiträge
    1
    Hi,
    ich habe ein Layout gestaltet, doch findet sich im IE ein Fehler. Wenn ich die html lokal im IE teste funktioniert es, wenn ich die php auf den Server lade dann nicht.
    Das Screenshot soll das Problem verdeutlichen. Wenn ich die width von #left 3 pixel verkleinere ist es rechts bündig aber die Spalte bleibt natürlich. Hab schon ziemlich alles ausprobiert leider ohne Erfolg. Im Firefox sitzt alles perfekt. Um den berühmten 3-Pixel Bug kann es sich ja eigentlich auch nicht handeln, da dieser im IE7 ja eigentlich behoben sein sollte.
    Vielen Dank im voraus
    Gruß roh


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

    <body>
<div id="background">
<div id="container">
    <div id="banner" ></div>
      <div id="banner_unten"></div>
    <div id="left">
     <div id="navigation">
     
     </div>
    
    </div>
    <div id="content">
      <div id="inhalt">
 
      </div>
    </div>
    
    <div id="footer"></div>
</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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135

     
body {
background-image: url(../images/background2.jpg);
background-attachment:fixed; 
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
text-align: center;
}
 
a {color: #DB7093; 
text-decoration: none;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;
text-decoration: underline;}
a:active { color:#000000;}
 
 
 
h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }
 
h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}
 
 
 
#background{
/*position: absolute;*/
background-image: url(../images/background.jpg);
width:100%;
 
max-height: 1125px;
padding:0px;
margin-left:-2px;
 
voice-family: "\"}\"";
voice-family:inherit;
 
margin-left:0px;
 
}
 
 
#container {
width: 942px;
margin-top: 25px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
text-align: left;
 
 
}
 
 
#banner {
padding: 0px;
margin: 0px;
background-image: url(../images/banner.png);
width: 942px;
height: 194px;
}
 
 
 
 
#banner_unten {
background-image: url(../images/banner_unten.png);
width: 942px;
height: 20px;
padding: 0px;
margin: 0px;
}
 
 
 
#content {
 
background-image: url(../images/right_bg.png);
width: 730px;
margin-left: 212px;
 
 
}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}
 
#inhalt {
padding: 47px;
}
 
p, pre{
padding: 0px 0px;
margin:0px;
}
 
 
#left {
background-image: url(../images/left_bg.png);
float: left;
width: 212px;
margin: 0px;
padding:0px;
}
div#left {
min-height: 600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px");
}
 
#navigation {
padding: 47px 0px 47px 47px;
}
 
#footer {
background-image: url(../images/footer.png);
width: 942px;
height: 43px;
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }
    Miniaturansicht angehängter Grafiken Miniaturansicht angehängter Grafiken Seltsamer Abstand zwischen zwei Elementen im IE (float)-screen1.jpg  
     
    Zitieren Zitieren
  2. 02.12.09 15:38 #2
    Maik Tutorials.de Gastzugang
    Zitat Zitat von roH Beitrag anzeigen
    Um den berühmten 3-Pixel Bug kann es sich ja eigentlich auch nicht handeln, da dieser im IE7 ja eigentlich behoben sein sollte.
    Dies ist aber nur dann der Fall, wenn das HTML-Dokument den Browsern im standardkonformen Modus übergeben wird, was bei dir offensichtlich nicht der Fall ist, denn bei mir taucht der 3px-Abstand im IE7 nicht auf, da ich deinen Codeschnipsel in meiner Testseite mit folgenden Doctype eingebunden habe:
    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
    Im Darstellungsmodus "Quirksmode" hingegen verhalten sich der IE7 und IE8 wie ihre Vorgängerversion.

    Und für den IE6 empfehle ich dir [CSS] Unerwünschter Abstand zwischen floatenden Boxen im IE6 - was tun?

    mfg Maik
     
    Zitieren Zitieren
« Hintergrundbild für Spalte | Seite zentriert bei jeder Bildschirmauflösung? »

Ähnliche Themen

  1. Ungewollter Platz zwischen zwei Elementen!
    Von Sinky im Forum CSS
    Antworten: 2
    Letzter Beitrag: 13.06.07, 23:02
  2. Abstand zwischen li Elementen
    Von aTa im Forum CSS
    Antworten: 7
    Letzter Beitrag: 17.04.07, 20:26
  3. Unerwünschter Abstand zwischen zwei Elementen bei XHTML Strict
    Von luke_the_duke im Forum HTML & XHTML
    Antworten: 2
    Letzter Beitrag: 12.04.07, 16:15
  4. Abstand zwischen zwei Divs
    Von paraphan im Forum CSS
    Antworten: 3
    Letzter Beitrag: 05.03.07, 17:09
  5. Rollover , aber es gibt zwischen zwei elementen einen Abstand
    Von chell im Forum CSS
    Antworten: 4
    Letzter Beitrag: 10.11.04, 17:36