unterschiedliche darstellen in ie und ff...

[wolle]

hallo,
folgendes situation:
2 divs unter einander in einem div verschachtelt:
code:

<div class="middle">
	<div class="menu_home">Home</div>
	<div class="menu_ueber">Über uns</div>	
</div>

div.middle	{
	text-align:left;
	margin:0px auto;
	width:766px;
	height:300px;
	background-color:#FFFFFF;
}
div.menu_home	{
	font-family: Arial;
	font-size:11px;	
	background-image:url("../images/menu_normal.jpg"); 	
	background-repeat:no-repeat;	
	text-align:left;
	width:183px;
	height:23px;
	margin-left:11px;
	padding-left:30px;
	padding-top:6px;
	margin-bottom:0px;
}
div.menu_ueber	{
	font-family: Arial;
	font-size:11px;	
	background-image:url("../images/menu_normal.jpg"); 	
	background-repeat:no-repeat;	
	text-align:left;
	width:183px;
	height:23px;
	margin-top:0px;
	margin-left:11px;
	padding-left:30px;
	padding-top:6px;
}

darstellung im ie:


darstellung im mozilla:


wie bekomm ich diesen weissen abstand weg?
sicher ich könnte margin-bottom-2px; oder sowas schreiben, aber es wird dann ja auch nicht gleich im ie und mozilla angezeigt.
also wie bekomm ich die gleiche darstellung im ie und mozilla hin?

gruß
wolle

 

[Gelöschtes Mitglied 2703]

URL bitte.

 

[wolle]

xxxxx

 

[watzlav]

Hi,
Ich glaube zum padding-... noch ein spacing-top bzw. spacing-left etc.

 

[Gelöschtes Mitglied 2703]

sorry aber soo würde ich das einfach nicht lösen.
http://niklas.underground-irc.net/wolle.html
so würde ich es machen .
vorteile:
* Drück mal bei beiden im firefox STRG und die Plus Taste gleichzeitig
* Sehr viel weniger zu laden
* Übersichtlicher im CSS bereich

 

[watzlav]

Stimmt! da hab ich garnicht dran gedacht.

 

[wolle]

das problem an der ganzen sache ist das padding-top.
ich möchte ja die schrift in der vertikalen mittig ausrichten... nur scheinbar interpretieren das ie und mozilla völlig unterschiedlich.
wenn ich, auch in dem obrigen beispiel, padding-top6px; ,als beispiel, gebe, wird im ie der test mittig ausgerichtet und im mozilla schieben sich die links bzw divs unter dem ersten weiter nach unten. wie es oben in den bildern zu sehen ist.

gruß
wolle

EDIT: so ich hab jetzt die nase voll... ich frag jetzt einfach mittels php den browser-typ ab und lade das entsprechende stylesheet...
scheint net anders zu gehen... bei weiterem ausbau der homepage bin ich auf das problem gestossen, dass die browser teilweise auch abstandsangaben unterschiedlich interpretieren.
und ja die entsprechenden befehle werden sowohl vom ie als auch ff unterstützt. naja hauptsache es funzt jetzt

Mod-Edit: Doppelpost beseitigt, bitte künftig den "edit" Button oben rechts im Beitrag benutzen! (Hobbyuser)

 

[Makas]

oehm ja.. ich habe genau das gleiche problem..in meiner navigation sind überall zwischenräume die nicht sein sollen - Ich habe auch shcon versucht auf andere seiten zu gehen die auch bilder untereinander haben und da im quellcode nachzugucken wie das gehen könnte aber daraus bin ich auch nicht schlau geworden weil ich es ja genau so hab :/ ich würde das problem auch gerne beheben und weiß nicht wie.. ich habe schon alles mögliche ausprobiert. ... wenn irgendjemand von euch einen lösungsvorschlag hat bitte melden :/ danke im vorraus

http://makas.no-ip.org/images/

is noch in bearbeitung aber ich würde gern das problem weg haben :/
danke

EDIT: der fehler is nur im ff ^^ im ie is alles ok.. hab ich vergessen zu erwähnen aber ist ja der selbe fehler..wie oben..

 

[ingoS]

Makas, dein Quelltext ist eine absolute Katastrophe. Ein Validator meint, du haettest irgendwo ein ungueltiges Zeichen und kann gar nicht validieren, der andere bringt dir zig Fehler (die aber wahrscheinlich alle aus irgendeinem anderen ganz am Anfang resultieren):
http://validator.de.selfhtml.org/va...ng=ge&doctype=doctypeAUTO&charset=charsetAUTO
http://validator.w3.org/check?uri=http://makas.no-ip.org/images/
Ich steige da auch nicht so richtig durch. Versuch mal, den JavaScript-Hovereffekt zu entfernen und ihn durch einen mit CSS zu ersetzen: http://www.drweb.de/csspraxis/css-rollover-menu.shtml

 

[Makas]

naja ich denke nicht, dass es am java skript liegt, weil wolle ja genau den gleichen fehler hatte ohne jegliche effekte.. es muss einen anderen grund haben :/ und ja ich weiß, dass mein quellcode eine katastrofe is ^^.. naja ich komm damit zurecht ^^

 

[seby]

der Unterstrich (_) sollte glaube ich nicht verwendet werden:

http://css4you.de/wscss/css03.html#class