Hi Leute!
Bin durch zufall auf dieses Forum gestoßen. Hab ein kleines/großes Problem mit dem Firefox und DIV Elementen. Hier mein Problem:
Unter Firefox gibt es keinen möglichkeit folgenden Link anzuklicken
<a href="http://www.*********.at/login/login.asp" rel="nofollow" target="_blank"> <div id="menue_partnerlogin"></div>
Unter IE ist das kein Problem. auch mit Opera funktioniert. Vielleicht weiß ja jemand was das sein kann.
Großes Danke schon mal jetzt von mir im vor raus.
mfg alijoschia
also zum einen is a ein inline-element und du kannst es nich ohne weiteres um ein block-element setzen.. da brtaucht das im css nen display:block;
und im oberen code hast du das a-tag net geschlossen...
Hi!
Herzlichen Dank für deine Antwort.
Habs hier mal komplett:
<style type="text/css">
<!--
body {
padding-left: 170px;
padding-top: 120px;
padding-right: 30px;
position: fixed;
background-color: #808080;
}
#top {
position:absolute;
top:59;
left:88px;
right:0px;
height:96px;
background-image: url(images/head_1.jpg);
width: 799px;
background-repeat: no-repeat;
}
#menue {
position:absolute;
top:175;
left:88;
bottom:0px;
width:148px;
height: 460px;
background-repeat: no-repeat;
background-image: url(images/home_left.jpg);
}
#anwendung{
position:absolute;
top:175;
right:0px;
bottom:0px;
left:237;
width: 650px;
height: 433px;
}
#footer {
position:absolute;
top:636;
left:88;
right:0px;
height:10px;
background-image: url(images/footer_1.jpg);
width: 799px;
background-repeat: no-repeat;
}
#menue_partnerlogin {
position:absolute;
top:132px;
left:805px;
right:0px;
height:22px;
width: 76px;
cursor: crosshair;
}
#menue_kundenlogin {
position:absolute;
top:132px;
left:723px;
right:0px;
height:22px;
width: 80px;
cursor: crosshair;
}
#menue_kontakt {
position:absolute;
top:132px;
left:667px;
right:0px;
height:22px;
width: 55px;
cursor: crosshair;
}
#menue_ueber_uns {
position:absolute;
top:132px;
left:609px;
right:0px;
height:22px;
width: 54px;
cursor: crosshair;
}
#menue_footer {
position:absolute;
top:608;
left:238;
right:0px;
height:27px;
width: 650px;
background-image: url(images/home_menue_footer.jpg);
background-repeat: no-repeat;
}
#menue_top {
position:absolute;
top:155;
left:88;
right:0px;
height:19px;
width: 799px;
background-image: url(images/menue_2.jpg);
}
#menue_home {
position:absolute;
top:1px;
left:148px;
right:0px;
height:17px;
width: 65px;
cursor: crosshair;
}
#menue_partnerlogin2 {
position:absolute;
top:110px;
left:712px;
right:0px;
height:22px;
width: 76px;
}
#menue_veranlagen {
position:absolute;
top:1px;
left:221px;
right:0px;
height:17px;
width: 76px;
cursor: crosshair;
}
#menue_finanzieren {
position:absolute;
top:1px;
left:322px;
right:0px;
height:17px;
width: 76px;
cursor: crosshair;
}
#menue_versichern {
position:absolute;
top:1px;
left:434px;
right:0px;
height:17px;
width: 76px;
cursor: crosshair;
}
#menue_karriere {
position:absolute;
top:1px;
left:542px;
right:0px;
height:17px;
width: 76px;
cursor: crosshair;
}
#menue_berichte {
position:absolute;
top:1px;
left:638px;
right:0px;
height:17px;
width: 144px;
cursor: crosshair;
}
#menue_impressum {
position:absolute;
top:612px;
left:810px;
right:0px;
height:17px;
width: 76px;
}
#menue_zinseszins {
position:absolute;
top:115px;
left:7px;
right:0px;
height:25px;
width: 138px;
cursor: crosshair;
}
#menue_average {
position:absolute;
top:85px;
left:7px;
right:0px;
height:25px;
width: 138px;
cursor: crosshair;
}
#menue_inflation {
position:absolute;
top:55px;
left:7px;
right:0px;
height:25px;
width: 138px;
cursor: crosshair;
}
#backround_left {
position:absolute;
top:-13px;
left:-25px;
right:0px;
height:726px;
width: 113px;
background-repeat: no-repeat;
border-color: #FFF;
background-image: url(images/links.jpg);
overflow: hidden;
}
#backround_top {
position:absolute;
top:-13px;
left:-25px;
right:0px;
height:60px;
width: 980px;
background-repeat: no-repeat;
background-image: url(images/oben.jpg);
}
#backround_bottom {
position:absolute;
top:656px;
left:-15px;
right:0px;
height:62px;
width: 945px;
background-repeat: no-repeat;
background-image: url(images/unten.jpg);
}
#backround_right {
position:absolute;
top:-13px;
left:887px;
right:0px;
height:726px;
width: 89px;
background-repeat: no-repeat;
border-color: #FFF;
background-image: url(images/rechts.jpg);
}
#backround_bottom_2 {
position:absolute;
top:645px;
left:87px;
right:0px;
height:27px;
width: 813px;
background-repeat: no-repeat;
background-color: #FFF;
}
#backround_bottom_ {
position:absolute;
top:32px;
left:87px;
right:0px;
height:27px;
width: 813px;
background-repeat: no-repeat;
background-color: #FFF;
}
-->
</style>
</head>
<body>
<div id="top"></div>
<a href="http://www.*********.at/login/login.asp" rel="nofollow" target="_blank"> <div id="menue_partnerlogin"></div>
<a href="http://www.*********.at/default_old.asp?page=542" rel="nofollow" target="BEISPIEL"><div id="menue_kontakt"></div>
<a href="http://www.*********.at/default_old.asp?page=531" rel="nofollow" target="BEISPIEL"><div id="menue_ueber_uns"></div>
<div id="menue_top">
<a href="http://www.*********.at/home.html" rel="nofollow" ><div id="menue_home"></div>
</body>die hier angegebenen Links lassen sich alle nicht mit Firefox anklicken.
Bitte um hilfe.
mfg alijoschi
also ich hab jetzt mal die links geändert, da sie letztlich zu adult content führen, der hier nicht erlaubt ist!
und dann hatte ich die bereits erklärt, dass du dort die anker-tags schlissen musst...
außerdem brauchen die noch einen inhalt und um es richtig zu machen solltest du kein div in ein a-tag stopfen, sondern ein bild, einen text oder sonstwas!
probleme zu haben is des eine, aber lern- und beratungsresistent zu sein das andere. bitte lerne die basics!
wenn tags ein öffnendes und ein schliessendes tag brauchen funtkioniert das nicht ohne diese beiden teile.
ein link besteht aus dem öffnenden teil, einem element was klickbar ist und einem schliessenden teil
also
und nicht
das kann so ja nie hinhauen
Das schaffst du maximal mit einem onclick-JavaScript-Event, oder einem Bild.
Ahja, warum gleich JS? Soweit ich weiss, kann man Links die unter einem Container liegennicht anklicken - wenn der aber durchsichtig ist, verlockt das dazu. Ich hab den CSS code jetzt nicht komplett gelesen, das ist aber das erste, was mir in den Sinn kommt.
Ein Link geht erst mit HTML 5 üder einen DIV.
Und deshalb benötigt man JS oder ein verlinktes Bild.
Bei < HTML 5 geht ein Link nur über Texte und Bilder.