Allrounder
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.
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.)
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">
</a>
<a id="start2_" href="ADRESSE">
</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.)
Zuletzt bearbeitet:
