tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
431
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 21.02.09 14:35 #1
    Avatar von EBA
    EBA EBA ist offline Rookie
    Registriert seit
    Mar 2007
    Ort
    Wien
    Beiträge
    5
    Hallo,

    Baue gerade eine ganz einfache Seite und verzweifle mit der Darstellung im IE7 und FF.

    Im FF schaut alles gut aus. Im IE7 ist der Beginn oben abgeschnitten.
    Das seltsame: das CSS mit margin-top: -300px; funktioniert auf einer Seite:
    http://heinzi.grafsoft.co.at/dr-schmoelzer/main.html (div.willkommen)
    und auf den anderen nicht:
    http://heinzi.grafsoft.co.at/dr-schmoelzer/bio.html (div.txt2)
    Habs auch mit position absolute und z-index:1 probiert, aber es ändert sich nichts.

    Hier die CSS:
    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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169

    body {
padding : 0;
margin : 0;
outline : none;
background-color : #ffffcf;
font-family : Arial, sans-serif;
font-size : 10px;
font-weight : normal;
background : url(images/nav.gif) repeat-y;
background-position : 0 90px;
}
#maincontainer {
height : 800px;
width : 1000px;
margin-right : auto;
margin-bottom : 0;
padding : 0;
}
td.fett1 {
font-weight : bold;
text-align : left;
padding : 8px;
font-size : 10pt;
color : #757575;
text-indent : 21px;
}
td.fett2 {
font-weight : bold;
text-align : left;
padding : 8px;
font-size : 10pt;
color : #757575;
text-indent : 63px;
}
td.fett3 {
font-weight : bold;
text-align : left;
padding : 8px;
font-size : 10pt;
color : #757575;
text-indent : 31px;
}
td.fett4 {
font-weight : bold;
text-align : left;
padding : 8px;
font-size : 10pt;
color : #757575;
text-indent : 37px;
}
td.fett5 {
font-weight : bold;
text-align : left;
padding : 8px;
font-size : 10pt;
color : #757575;
text-indent : 2px;
}
td.fett6 {
font-weight : bold;
text-align : left;
padding : 8px;
font-size : 10pt;
color : #757575;
text-indent : 9px;
}
td.fett7 {
font-weight : bold;
text-align : left;
padding : 8px;
font-size : 10pt;
color : #757575;
text-indent : 29px;
}
td.fett8 {
font-weight : bold;
text-align : left;
padding : 8px;
font-size : 10pt;
color : #757575;
text-indent : 12px;
}
td.fett9 {
font-weight : bold;
text-align : left;
padding : 8px;
font-size : 10pt;
color : #757575;
text-indent : 45px;
}
#dropmenudiv {
position : absolute;
border-bottom-width : 0;
font : normal 10pt Arial;
z-index : 100;
}
#dropmenudiv a {
width : 100%;
display : block;
text-indent : 3px;
padding : 1px 0;
text-decoration : none;
font-weight : bold;
}
#dropmenudiv a:hover {
background-color : #c70219;
}
a:link {
color : #060606;
background-color : #c70219;
text-decoration : none;
}
a.link1 {
background-color : #a5a5a5;
}
a.link2 {
background-color : #ffffff;
}
a:visited {
color : #a5a5a5;
background-color : #c70219;
text-decoration : none;
}
a:visited.link2 {
color : #a5a5a5;
background-color : #ffffff;
text-decoration : none;
}
a:active {
color : #060606;
background-color : #c70219;
text-decoration : none;
}
a:active.link2 {
color : #060606;
background-color : #ffffff;
text-decoration : none;
}
a:hover {
color : #ffffff;
background-color : #c70219;
text-decoration : none;
}
a:hover.link2 {
color : #c70219;
background-color : #ffffff;
text-decoration : none;
}
div.txt {
margin-left : 200px;
font-size : 12pt;
}
div.willkommen {
margin-left : 200px;
font-size : 14pt;
color : #c70219;
margin-top : -300px;
text-align : center;
}
div.txt2 {
margin-left : 228px;
margin-top : -300px;
font-size : 12pt;
position:absolute;
z-index:1;
}
p {
text-align: center;
}


    Wahrscheinlich übersehe ich nur was ganz blödes. Weiß irgendwer was?

    LG
    EBA

    PS: der W3C Validator sagt, dass CSS und HTML in Ordnung sind.
    Geändert von EBA (21.02.09 um 14:38 Uhr) Grund: CSS hinzufügen vergessen
     
    Zitieren Zitieren
  2. 21.02.09 14:40 #2
    Maik Tutorials.de Gastzugang
    Moin,

    auf der anderen Seite fehlt für div.txt2 die Angabe zur Positionsart position (absolute oder relative) - damit richtet der IE7 bei mir die Box wie gewünscht aus.

    mfg Maik
     
    Zitieren Zitieren
  3. 22.02.09 13:44 #3
    Avatar von EBA
    EBA EBA ist offline Rookie
    Registriert seit
    Mar 2007
    Ort
    Wien
    Beiträge
    5
    Danke, ich war offensichtlich so blöd und hab immer vergessen das richtige css auf den Server zu hochzuladen.
    LG
    EBA
     
    Zitieren Zitieren
« CSS DIV überlappen | IE - Hover verzieht Layout »

Ähnliche Themen

  1. padding verhält sich unterschiedlich
    Von one6666 im Forum CSS
    Antworten: 9
    Letzter Beitrag: 03.04.10, 08:36
  2. Windows verhält sich seltsam
    Von wSam im Forum Microsoft Windows
    Antworten: 4
    Letzter Beitrag: 07.12.08, 19:22
  3. removeChild verhält sich merkwürdig
    Von kastalonien im Forum Javascript & Ajax
    Antworten: 7
    Letzter Beitrag: 12.11.07, 13:19
  4. CD/DVD-Laufwerk verhält sich merkwürdig
    Von Frezl im Forum Hardware
    Antworten: 2
    Letzter Beitrag: 28.03.06, 22:58
  5. delphi verhält sich ... komisch
    Von Dario Linsky im Forum Delphi, Kylix, Pascal
    Antworten: 1
    Letzter Beitrag: 28.07.02, 02:24

Stichworte