In allen Browser korrekt positionieren

Shyne

Hallo

Ich hab ein Problem was folgendes Script angeht. Und zwar wird die Position des Divs im jeden Browser anders ausgerichtet. Im IE sitzt sie am besten, zumindest hab ich sie dort korrekt plaziert. Nun was FF & Opera angeht, reine Katastrophe.

Code

<style type=text/css>
a.info{ 
    position:relative; 
    z-index:1;
    color:#36c;
    cursor: help;
} 


a.info:hover{
	z-index:2; 
	background-color:#fff; 
	text-decoration: none; 
	padding-top: 120px;
} 


a.info span{display: none;} 


a.info:hover span{ 
    display:block; 
    position:absolute; 
    top:2em; right:20em; width:30em; 
    border:2px solid #000; 
    background-color:#800; 
    color:#fff; 
    text-align: center
    padding-right: 10px;	
    padding-bottom: 10px;
    padding-top: 10px;		
    padding-left: 10px;
    }
</style>

Alles anzeigen

Code

<a class=info href=\"#\"><u>warum?</u><span>Dies ist ein Spam-Protector. Dieser Schutz erniedrigt die Chancen jeweiligen Spam-Programme 
Unnötiges zu hinterlassen. Die Nachricht kann nur gesendet werden, wenn die Lösung der Rechenaufgabe korrekt ist.</span></a>

PS: CSS-Code ist nicht von mir.

sejuma

Der Code kommt mir irgendwie bekannt vor.

Ändere mal die Positionsangaben:

Zitat

a.info:hover span{
display:block;
position:absolute;
top:10em; left:7em; width:30em;
border:2px solid #000;
background-color:#800;
color:#fff;
text-align: center
padding-right: 10px;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
}

Alles anzeigen

Ggf. noch etwas justieren.

Shyne

hmm wenn ich die Position ändere, stimmt es bei den einten Browser zwar, bei die anderen dafür nicht!

sejuma

Hast du einen Doctype auf der entsprechenden Seite?

Shyne

Ne eigentlich nicht ... nur das hier:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

Hab keine Ahnung was es bedeutet. Bietet mir Frontpage nur jedes mal an.

sejuma

Mach mal das ganz oben in die erste Zeile rein:

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

Optimal wäre es, wenn du künftig auf Frontpage verzichten könntest und die Seite selbst coden würdest.

Shyne

Hab ich gemacht. Klappt leider immer noch nicht.

Was meinste denn mit selber coden? Ich benutze Frontpage ja generell als Editor und die meisten Futrues was Frontpage anbietet benutze ich gar nicht. Gibt nur ein paar gewissen Vorteile warum ich nicht wechsle, da käme dann noch die Gewöhnheit dazu. Aber warum du es als "nicht selber-coden" beurteilst, weiss ich auch nicht.

Zitat von sejuma

Der Code kommt mir irgendwie bekannt vor.

ehm ... villeicht kennst es ja von hier

Zitat von sejuma

Das geht natürlich auch mit CSS, (falls so ein Hover-Fenster gemeint war):
Siehe hier mit weiterem Verweis.

sejuma

Zitat von Shyne

Was meinste denn mit selber coden? Ich benutze Frontpage ja generell als Editor

Damit meinte ich ganz brutal, dass du Frontpage von der Festplatte löschen solltest, weil es einen katastrophalen Quelltext produziert, der nicht geeignet ist, in allen Browsern einheitlich dargestellt zu werden.

Investiere ca. 3-5 Stunden Zeit pro Tag um HTML und CSS zu lernen, dann brauchst du innerhalb einer Woche kein Frontpage mehr, sondern kannst aus dem Kopf den Quelltext deiner Seiten mit dem normalen Windows-Editor, Phase 5 oder etwas ähnlichem erstellen.
Vorausgesetzt natürlich, dass du das entsprechende Interesse mitbringst.

Aber nochmal zu deinem Problem:
Kannst du einen Link reinstellen? Es ist immer besser, wenn man den gesamten Quelltext im Zusammenhang sieht, um ihn beurteilen zu können.

Tags