Home | Registrieren | Einloggen | Suchen | Aktuelles


Forum » Auszeichnungssprachen » gelöst: Height Antworten
gelöst: Height

ketchxup
Feiertags-Poster


Beiträge: 38


hallo,
mir ist aufgefallen dass IE die height-werte einfach ignoriert
woran kann es liegen?



Beispiel:

Firefox zeigt die Image-Datei mit 9px;
dagegen sind es bei IE immer mehr als 9px

1: 
2: 
3: 
4: 
5: 
6: 
7:
#menuHeader {
width:167px;
height:9px;
background-image:url(../images/menuHeader.gif);
background-repeat: no-repeat;

}


<DIV id="menuHeader"></DIV>

Diese Nachricht wurde geändert von: languitar
  Profil   E-Mail   Editieren   Zitieren

languitar
Foren-Team


Beiträge: 2795


Irgendwie ein padding im Spiel? Da reagiert der IE etwas komisch.

Ansonsten wäre nen Link zur ganzen Seite nicht schlecht, weil so seh ich keinen Fehler.

---
Take a look here!
Lichtblick - Einblick - Ausblick

  Profil   E-Mail   Website   Editieren   Zitieren

ketchxup
Feiertags-Poster


Beiträge: 38



  Profil   E-Mail   Editieren   Zitieren

languitar
Foren-Team


Beiträge: 2795


Hm, irgendwas grübelt mir da im Hinterkopf, dass der IE von Schrift in dem Div ausgeht, und die Schriftgröße ist wahrscheinlich so groß, dass sie nicht in die 9px passt. Sag bei dem div mal font-size: 1px; oder sowas kleines halt.

---
Take a look here!
Lichtblick - Einblick - Ausblick

  Profil   E-Mail   Website   Editieren   Zitieren

ketchxup
Feiertags-Poster


Beiträge: 38


Danke scheint zu stimmen
nun wieso stimmen die postionierungen zwischen firefox(opera) und ie aber selten überein?

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:

#menu       {
	z-index: 1; /* verhindert, daß die Ebene in älteren Browsern verdeckt wird*/ 
	width:196px;
	position:absolute;
    left: 88px;
	/* left: 51px */
	top: 286px;
	

}



#menus 	  {
				padding:0px; margin:0px;
				
				
			} 
			


#menus li	  {

			width:167px; height:22px;
			background-image:url(../images/menuBody.gif);
			background-position:top;
			background-repeat:repeat-y;
			padding:0px; margin:0px;
			padding-top:16px;
			
			list-style:none;
			
			} 



<DIV id="menu">
				  <DIV id="menuHeader"> </DIV>		
				  <ul id="menus">
						<li> </li>
					
					
				 </ul>
				  <DIV id="menuFooter"></DIV>
				  
					
		</DIV><!--END Menu -->


Diese Nachricht wurde geändert von: ketchxup
  Profil   E-Mail   Editieren   Zitieren

languitar
Foren-Team


Beiträge: 2795


Ich glaube FF und Opera addieren paddings zu width- und height-Werten dazu und IE nicht.

Ansonsten solltest du dem Body auch padding: 0; und margin: 0; geben.

---
Take a look here!
Lichtblick - Einblick - Ausblick

  Profil   E-Mail   Website   Editieren   Zitieren

ketchxup
Feiertags-Poster


Beiträge: 38


Danke für deine Hilfe!!

  Profil   E-Mail   Editieren   Zitieren
 

Antworten
Nach oben