Hilfe bei Link-Fehler..

Lizman · 10.08.2010

Weiß grad gar nicht wie ich das Problem in kurzen Worten zusammenfassen soll!

Also ich möchte gerne eine Startseite einrichten (in einem Projekt).
Auf der Starseite soll man später auf einen großen "Enterbutton" (ich nenn das mal so!

) klicken können. Dadurnter sind noch 4 weitere Links.
Das ganz funktioniert auch. NUR im IE7 nicht. Opera/Firefox und IE8 (glaube) geht es.

Ich poste einfach mal den Code. Ich denke damit kommt ihr eher klar und merkt was ich machen möchte.

Code:

<html>
<head>

.....................

<style type="text/css">
<!--

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #c6c6c6;
	background-color:#272727;
        background-image: url(images/start/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

a:focus{
  outline:0px none;
}


a:link,
a:visited { color: #d264aa; }

a:hover { color: #d22391; }

#START {
	position:absolute;
        margin: 0 auto; 
	left:50%;
	top:0px;
	width:1100px;
	height:800px;
        margin-left: -550px;
}

#start1_ {
	display: block;
	position:absolute;
	left:0px;
	top:0px;
	width:1100px;
	height:704px;
	text-decoration: none;
}

#start2_ {
	display: block;
	position:absolute;
	left:0px;
	top:704px;
	width:219px;
	height:61px;
	text-decoration: none;
}

#start3_ {
	position:absolute;
	left:219px;
	top:704px;
	width:152px;
	height:61px;
}

#start4_ {
	position:absolute;
	left:371px;
	top:704px;
	width:179px;
	height:61px;
}

#start5_ {
	position:absolute;
	left:550px;
	top:704px;
	width:145px;
	height:61px;
}

#start6_ {
	position:absolute;
	left:695px;
	top:704px;
	width:187px;
	height:61px;
}

#start7_ {
	position:absolute;
	left:882px;
	top:704px;
	width:218px;
	height:61px;
}

#start8_ {
	position:absolute;
        text-align: center;
	left:0px;
	top:765px;
	width:1100px;
	height:35px;
}

-->
</style>
</head>
<body>

<div id="START">
	<a id="start1_" href="ADRESSE">
	&nbsp;
	</a>
	<a id="start2_" href="ADRESSE">
	&nbsp;
	</a>
	<div id="start3_">
			Text
	</div>
	<div id="start4_">
			Text
	</div>
	<div id="start5_">
			Text
	</div>
	<div id="start6_">
			Text
	</div>
	<div id="start7_">
	
	</div>
	<div id="start8_">
Footer
	</div>

</div>

</body>
</html>

Ich hab das ganze mal aufs wesentliche gekürzt.
start1_ und start2_ soll quasi ein "Container" sein den ich als link umfunktioniert habe.
Es ist quasi ein großes Hintergrundbild auf der Seite definiert. Hatte viel herumprobiert das Bild zu teilen und direkt in den einzelnen DIVs darzustellen. Nur ging das nicht mit allen Browsern. Und zu viel zu verschachteln bringts auch nicht.

Wie kann ich das nun ändern, damit das selbe mir auf allen Browsern richtig dargestellt wird?

Danke schon mal.

###########################################
edit1: Ok habs hochgeladen.
Bringt nicht viel mehr, als da oben steht, aber ok.

Der RIESEN Link der oben über dem Hintergrundbild liegt funktioniert im IE7 nicht.

(Und nur dort nicht.)

fexx · 10.08.2010

AW: Hilfe bei Link-Fehler..

also ich empfehle dir als erstes das ganze per listen navigation zu lösen

dann wäre es noch hilfreich, wenn du mal die seite hochladen könntest oder zumindest eine demo, an der man das problem sieht

Lizman · 10.08.2010

AW: Hilfe bei Link-Fehler..

Listen Navigation? Das ist ne Startseite (Landingpage!)

Oder was meinst du.

Hochladen geht nicht. Darum ja den gesamten Code hier.

(Sollte reichen)

MyBad · 10.08.2010

AW: Hilfe bei Link-Fehler..

Ich hab jetzt nicht mal das Problem verstanden! Was funktioniert denn nicht???

Lizman · 10.08.2010

Der Link unter start1_ und start2_ wird nicht angezeigt im IE7. Bei allen anderen schon.

(Link in Form eines Containers!

)

Ok habs hochgeladen.
Bringt nicht viel mehr, als da oben steht, aber ok.

Der RIESEN Link der oben über dem Hintergrundbild liegt funktioniert im IE7 nicht.

(Und nur dort nicht.)

MyBad · 10.08.2010

AW: Hilfe bei Link-Fehler..

Ok, das Problem habe ich nun doch verstanden. Wundert mich auch ein wenig, warum es im IE 7 nicht funktioniert.

Liegt an der Positionierung von start1_

Nimm Position: absolute raus. Dann funzt es!

Lizman · 10.08.2010

AW: Hilfe bei Link-Fehler..

Ohman!

Danke dir vielmals!!!!

Daran lags wirklich. (war sogar n anderer Fehler noch drinne. Ist hier aber nicht relevant. hehe)

Kann geschlossen werden.