tutorials.de Buch-Aktion 02/2012
ERLEDIGT
NEIN
ANTWORTEN
9
ZUGRIFFE
337
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 23.08.10 11:23 #1
    napsi napsi ist offline Mitglied Gold
    Registriert seit
    Aug 2006
    Beiträge
    101
    Hallo liebe Kollegen!

    Habe ein CSS geschrieben und im IE wird einfach nicht das angezeigt, was ich programmiert habe.

    Hier der Code:
    HTML-Code:
    <body>
<div id="pagewrap">

<div id="head">
	<img src="img/Style/Schriftzug.gif" style="margin-top:5px; margin-left:200px;">
	
	<div class="lauftext">
		<marquee scrollamount="5" scrolldelay="5">
			<a>test</a>
		</marquee>
	</div>
	
	<img src="img/Style/Logo.gif" style="margin-top:-90px; float:right; z-index:auto">

</div>
<div id="MainNav">
	<ul class="menu2">
		
	<li class="top"><a href="#" id="ergebnisse" class="top_link"><span>Ergebnisse</span></a></li>
	<li class="top"><a href="#" id="teams" class="top_link"><span>Mannschaften</span></a></li>
	<li class="top"><a href="#" id="news" class="top_link"><span>News</span></a></li>
	<li class="top"><a href="#" id="kontakt" class="top_link"><span>Kontakt</span></a></li>
	<li class="top"><a href="#" id="sponsor" class="top_link"><span>Sponsoren</span></a></li>
	<li class="top"><a href="#" id="links" class="top_link"><span>Links</span></a></li>
	<li class="top"><a href="#" id="derfc" class="top_link"><span>DerFC</span></a></li>
	
	</ul>
</div>	
	
<div id="SubFieldLeft">
<p>test</p>
</div>	
<div id="SubFieldLeft">
<p>test</p>
</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
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

    * {                           /* alle Elemente sollen urspruenglich keine Innen- und Aussenabstaende haben */
        margin: 0;
        padding: 0;
        /*border: 1px dashed red;*/
}
 
html,body {
        margin:0;
        padding:0;  
}
 
 
body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        width: 1024px;
        margin: 0;
        padding: 0;
        background-color:#FFF;
}
 
div#pagewrap {
        width: 1022px;
}
 
#head {
    background-image:url(/img/Style/HeadImg.jpg);
    float:left;
    height:100px;
    width:100%;
    border:0px;
}
 
.lauftext {
    width:82%;
    height:20%;
    border:0;
    background-color:#FFF;
    margin-top:30px;
    margin-left:10px;
}
 
.lauftext a {
    font-size:14px;
    font-weight:normal;
    font-style:italic;
    color:#FF4B10;
}
 
#MainNav {
    margin-top:2px;
    width:100%;
    height:30px;
    border:2px;
    border-color:#FF4B10;
    background-color:#FFF;
    position:absolute;
}
 
 
.menu2 {
    padding:0; 
    margin:0; 
    list-style:none; 
    height:30px; 
    background-color:#FFFFFF; 
    position:relative; 
    z-index:200; 
    font-family:arial, verdana, sans-serif; 
    border-color:#FF4B10; 
    border-style:solid; 
    border:1px; 
    /*margin-top: 2px;*/
}
 
.menu2 li.top {
    display:block; 
    float:right;
}
 
.menu2 li a.top_link {
    display:block; 
    float:left; 
    height:21px; 
    line-height:18px; 
    color:#000000; 
    text-decoration:none; 
    font-size:14px; 
    font-weight:bold; 
    padding:0 0 0 12px; 
    cursor:pointer;
}
 
.menu2 li a.top_link span {
    float:left; 
    display:block;
    padding:0 24px 0 12px; 
    height:18px;
}
 
.menu2 li a.top_link span.down {
    float:left; 
    display:block; 
    padding:0 24px 0 12px; 
    height:18px;
}
 
.menu2 li:hover a.top_link, #menu2 a.top_link:hover {
    color:#FFFFFF; 
    background-color:#FF4B10;
}
 
.menu2 li:hover a.top_link span, #menu2 a.top_link:hover span {
    background-color:#FF4B10;
}
 
.menu2 li:hover a.top_link span.down, #menu2 a.top_link:hover span.down {
    padding-bottom:3px;
}
 
.menu2 table {
    border-collapse:collapse; 
    padding:0; 
    margin:0; 
    position:absolute; 
    left:0; 
    top:0;
}
 
.menu2 li:hover {
    position:relative; 
    z-index:200;
}
 
.menu2 a:hover {
    position:relative; 
    white-space:normal; 
    z-index:200;
}
 
#SubFieldLeft {
    margin-top:2px;
    width:200px;
    height:350px;
    border:2px;
    border-color:#FF4B10;
    background-color:#FFF;
}
 
#SubFieldLeft p {
    font-size:14px;
    font-weight:normal;
    font-style:italic;
    color:#FF4B10;
}
 
 
#SubFieldRight {
    
}

    Der Rahmen wird nicht angezeigt, die navigation ist über den #head gelegt, sollte aber 2 px unterhalb sein, selbiges mit den # auf der seite, kein rahmen, kein abstand,...

    ich denke mal, das es wieder mal nur eine kleinigkeit ist, aber welche?

    hier der testlink von mir: http://testbild.mgloop.at/

    bitte um hilfe.


    lg.

    napsi
    Geändert von napsi (23.08.10 um 11:27 Uhr) Grund: Ergänzung
     
    Zitieren Zitieren
  2. 23.08.10 11:47 #2
    Scherzkeksrolle Tutorials.de Gastzugang
    Zitat Zitat von napsi Beitrag anzeigen
    Habe ein CSS geschrieben und im IE wird einfach nicht das angezeigt, was ich programmiert habe.



    Der Rahmen wird nicht angezeigt, die navigation ist über den #head gelegt, sollte aber 2 px unterhalb sein, selbiges mit den # auf der seite, kein rahmen, kein abstand,...
    In den anderen Browsern sieht's auch nicht besser aus, also nicht immer auf dem armen "IE" herumhacken
     
    Zitieren Zitieren
  3. 23.08.10 11:50 #3
    napsi napsi ist offline Mitglied Gold
    Registriert seit
    Aug 2006
    Beiträge
    101
    das ist mir schon klar, dass es in den anderen vermutlich nicht stimmt. habe auch nicht auf dem IE herumgehackt, sondern derzeit nur den zum testen.

    verstehe das problem nicht, da ich so schon so viele seiten gemacht habe und jede funktioniert.
     
    Zitieren Zitieren
  4. 23.08.10 11:55 #4
    Avatar von spicelab
    spicelab spicelab ist offline goaspicy
    Registriert seit
    Feb 2010
    Beiträge
    1.392
    Wo kein Rahmen erscheint, fehlt in deinen Regelmengen die border-style-Eigenschaft, und border erwartet mehr, als nur die Rahmenstärke.

    Wenn die Navigation unterhalb des Headers erscheinen soll, mußt du position:relative anstelle von position:absolute deklarieren.
     
    Zitieren Zitieren
  5. 23.08.10 11:58 #5
    napsi napsi ist offline Mitglied Gold
    Registriert seit
    Aug 2006
    Beiträge
    101
    Danke, hat sich aber auch nicht geändert, die navigation ist immer noch über dem head, leider, habe das eh schon versucht gehabt
     
    Zitieren Zitieren
  6. 23.08.10 12:01 #6
    Avatar von spicelab
    spicelab spicelab ist offline goaspicy
    Registriert seit
    Feb 2010
    Beiträge
    1.392
    Dann leer mal deinen Browsercache, und ruf die Seite anschliessend neu auf, denn bei mir erscheint die Navigation nun unterhalb des Headers.
     
    Zitieren Zitieren
  7. 23.08.10 12:32 #7
    napsi napsi ist offline Mitglied Gold
    Registriert seit
    Aug 2006
    Beiträge
    101
    nein, der rahmen mit dem weißen hintergrund bleibt über dem header gelegt, die navpunkte sind eh unterhalb.
     
    Zitieren Zitieren
  8. 23.08.10 12:37 #8
    Avatar von spicelab
    spicelab spicelab ist offline goaspicy
    Registriert seit
    Feb 2010
    Beiträge
    1.392
    Tja, wer floatet, muß anschliessend auch ordnungsgemaäß clearen - sprich #MainNav mit clear:left formatieren, damit der Umfluß von #head abgebrochen wird.

    Soviel zum Thema "Browser zeigt nicht das an, was ich programmiert habe".
     
    Zitieren Zitieren
  9. 23.08.10 12:47 #9
    napsi napsi ist offline Mitglied Gold
    Registriert seit
    Aug 2006
    Beiträge
    101
    danke, hatte ich auch schon mal, aber irgendwie passte anscheinend die kombination damals nicht.

    danke nochmals

    lg.

    napsi
     
    Zitieren Zitieren
  10. 23.08.10 12:57 #10
    Avatar von spicelab
    spicelab spicelab ist offline goaspicy
    Registriert seit
    Feb 2010
    Beiträge
    1.392
    Zitat Zitat von napsi Beitrag anzeigen
    danke, hatte ich auch schon mal, aber irgendwie passte anscheinend die kombination damals nicht.
    Die Kombination mit position:absolute für #MainNav paßt(e) nicht.
     
    Zitieren Zitieren
« Div welches im Quelltext oben ist nach unten bringen | Footer immer unten (bei Nutzung des Mootools.Accordions) »

Ähnliche Themen

  1. CSS stimmt im IE aber im FF nicht...
    Von Windgeflüster im Forum CSS
    Antworten: 2
    Letzter Beitrag: 20.04.06, 07:46
  2. Mysql und MD5 was stimmt da nicht ?
    Von Homwer im Forum PHP
    Antworten: 10
    Letzter Beitrag: 19.07.05, 14:25
  3. Darstellung stimmt nicht!
    Von x0x im Forum HTML & XHTML
    Antworten: 3
    Letzter Beitrag: 18.06.04, 14:21
  4. Was stimmt nicht mit de.vu********
    Von Yasemin im Forum Smalltalk
    Antworten: 15
    Letzter Beitrag: 19.12.01, 13:23

Stichworte