CSS-Button wird bei FF oben links angezeigt...

Status
Nicht offen für weitere Antworten.

stefancp

Mitglied
Hi Leute,

ich habe ein ganz merkwürdiges Problem...
Per CSS hab ich einen Button definiert, der eigentlich wie 3 weitere auch an einer bestimmten Position stehen soll. Hat er anfangs auch getan, aber als ich dann weitere Buttons in die HTML eintrug, wurde er aufmal oben links angezeigt.

Die Definition in der CSS-Datei:
HTML:
 .menue_lnk1:link, menue_lnk1:visited, menue_lnk1:active {
 	margin: 0 auto;
 	position: absolute;
 	left: 50%;
 	width: 440px;
 	margin-left: -220px;
 	top: 50%;
 	height: 70px;
 	margin-top: -130px;
 	display: block;
 	background: url('bilder/thmb_efh1_sw.gif') no-repeat;
 	border: 1px solid black;
 	font: normal 11pt 'Century Gothic';
 	color: #AAAAAF;
 	line-height: 70px;
 	text-decoration: none;
 	text-align: right;
 	z-index: 3;
 	}
 	
 .menue_lnk1:hover {
 	background: url('bilder/thmb_efh1_col.gif') no-repeat;
 	color: #EEEEEF;
 	border-color: #EEEEEF;	
 	}

Die Definitionen der weiteren Buttons sehen genauso aus, unterscheiden sich lediglich durch andere Margin-Werte und Hintergrundbilder. Die funktionieren komischerweise auch.


Die HTML-Datei:
HTML:
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
 <head>
 <title>Typenhäuser 2006</title>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
 <link href="styles.css" type=text/css rel=stylesheet>
 
 </head>
 
 <body background="bilder/raster01.gif">
 <div class="cont_box"></div>
 <div class="cont_titel_box"></div>
 <div class="cont_logo_box"></div>
 <p class="cont_titel_txt">Haustypen 2006</p>
 <div class="cont_kat_box"></div>
 <p class="cont_kat_txt">Auswahl&nbsp;<b>Hausarten</b></p>
 
 <a class="menue_lnk1" target="_self" href="html/menue_efh-1.htm">blablabla1</a>
 <a class="menue_lnk2" target="_self" href="html/menue_efh-2.htm">blablabla2</a>
 <a class="menue_lnk3" target="_self" href="html/menue_rh-1.htm">blablabla3</a>
 <a class="menue_lnk4" target="_self" href="html/menue_rh-2.htm">blablabla4</a>
 
 <a class="copy" target="_blank" href="http://www.visit-3d.de">&copy;2006&nbsp;by&nbsp;Vis-IT&nbsp;3D</a>
 
 </body>
 </html>

Habe dieses Forum schon durchsucht, aber nichts passendes gefunden.
Hat jemand eine Idee, woran es liegen kann?

Danke im voraus
Gruß, Stefan
 
Oh Mann, ich Volldepp, hatte ehrlich schon Stunden nach dem Fehler gesucht und kaum hab ich es hier in´s Forum gestellt, finde ich die Lösung selbst... will ich Euch natürlich auch nicht vorenthalten, vielleicht hilft´s dem einen oder anderen ja mal:

Ich hatte in der CSS-Definition des Links jeweils den Punkt vorm Namen vergessen...
HTML:
 .menue_lnk1:link, .menue_lnk1:visited, .menue_lnk1:active {
 	position: absol...
Komischerweise wirkte sich das aber trotzdem nur auf den ersten von 4 Buttons aus, obwohl ich bei jedem Button diese Punkte vergessen hatte (Copy&Paste)...

Trotzdem danke für Eure Bemühungen!

Gruß und guten Rutsch , Stefan
 
Status
Nicht offen für weitere Antworten.
Zurück