Visibility im Netscape

Status
Nicht offen für weitere Antworten.
S

SirRipper

Hallo,

also ich hab da mal ein Problem.

<style type="text/css">
<!--
#menu1 {position:absolute; left:20px; top:30px;visibility:visible;}
#menu2Div {position:absolute; left:180px; top:30px;visibility:hidden;}
#menu3Div {position:absolute; left:180px; top:30px;visibility:hidden;}
#menu4Div {position:absolute; left:180px; top:30px;visibility:hidden;}
#menu5Div {position:absolute; left:180px; top:30px;visibility:hidden;}
#menu6Div {position:absolute; left:180px; top:30px;visibility:hidden;}
-->
</style>

ist das Style.

Also im IE funktioniert es (wie auch sonst) einwandfrei. Die Elemente werden ausgerichtet und versetck.
Aber im Netscape funktioniert es nicht. Weder werden die Elemente versteckt noch werden die Elemente ausgerichtet. Ich hab schon erfahren, dass der Netscape "visibility" net kennt. Daher hat jemand was wie man es anders verstecken kann. Und warum der Netscape die Elemente net ausrichtet ????
 
Hi,
Für den Netscape müßen die Angaben "hide" und "show" heißen. Wenn das mit dem Positionieren nachhaltig nicht klappt würde ich Layer benutzen:

<Layer id="H" name="H">
<Div id="H">
....
kram und krempel
....
</Div>
</Layer>

Das Layer-Tag wird vom IE einfach ignoriert und der NN freut sich drüber.

gruß
H
 
Da muss ich dich leider enttäuschen H

Aber
a) visibility: hide für Netscape funktioniert auch net !
b) der IE ignoriert bei mir net den Layer befehl:
Also ich hab in nem <div></div> ne select box mit JS gehabt. Bevor ich des mit dem Layer dazugemacht hab ging se ... danach nemmer ;(

c) allerdins dank dem layer richtet der Netscape die elemente schon einwenig mehr aus .... jetzt stehn se nicht mehr alle sinnlos untereinander sondern sind ALLE in der linken oberen Ecke zu finden ;)

Einfach mal en kompletten auszug wieder :

<style type="text/css">
<!--
#menu1 {position:absolute; left:20px; top:30px; visibility:visible;}
#menu2Div {position:absolute; left:180px; top:30px; visibility:hidden;}
#menu3Div {position:absolute; left:180px; top:30px; visibility:hidden;}
#menu4Div {position:absolute; left:180px; top:30px; visibility:hidden;}
#menu5Div {position:absolute; left:180px; top:30px; visibility:hidden;}
#menu6Div {position:absolute; left:180px; top:30px; visibility:hidden;}
-->
</style>
</head>
<body onload="init()">

<layer id="menu1">
<div id="menu1">
<form name="form">
<font style="FONT-FAMILY: verdana,arial; FONT-SIZE: 10pt">Zielgruppe</font><br>
<select name="alter" size="1" onChange="auswertung()" style="BACKGROUND-COLOR: #badaa9; BORDER-BOTTOM-COLOR: #000000; BORDER-BOTTOM-STYLE: solid; BORDER-LEFT-COLOR: #000000; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: #000000; BORDER-RIGHT-STYLE: solid; BORDER-TOP-COLOR: #000000; BORDER-TOP-STYLE: solid; COLOR: black; FONT-FAMILY: verdana,arial; FONT-SIZE: 8pt">
<option value="nichts">- Bitte wählen -</option>
<option value="juengsten">für die Jüngsten</option>
</select>
</form>
</div>
</layer>

<layer id="menu2Div">
<div id="menu2Div">
<form name="form2">
<font style="FONT-FAMILY: verdana,arial; FONT-SIZE: 10pt">für die Jüngsten</font><br>
<select name="sportindex1" size="1" style="BACKGROUND-COLOR: #badaa9; BORDER-BOTTOM-COLOR: #000000; BORDER-BOTTOM-STYLE: solid; BORDER-LEFT-COLOR: #000000; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: #000000; BORDER-RIGHT-STYLE: solid; BORDER-TOP-COLOR: #000000; BORDER-TOP-STYLE: solid; COLOR: black; FONT-FAMILY: verdana,arial; FONT-SIZE: 8pt">
<option value="show" selected>- Bitte wählen -</option>
<option value="baseball">Baseball</option>
<option value="fussball">Fußball</option>
<INPUT name=Weiter onclick=sportmenu1() style="BACKGROUND-COLOR: #badaa9; BORDER-BOTTOM-COLOR: #8cb676; BORDER-BOTTOM-STYLE: solid; BORDER-LEFT-COLOR: #8cb676; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: #8cb676; BORDER-RIGHT-STYLE: solid; BORDER-TOP-COLOR: #8cb676; BORDER-TOP-STYLE: solid; COLOR: #000000; FONT-FAMILY: verdana,arial; FONT-SIZE: 8pt; HEIGHT: 21px; WIDTH: 50px" type="button" value=Start>
</form>
</div>
</layer>

was des jetzt im einzelnen ist mag ich net erklärn.
Mir gehts nur da drum, dass der IE und der Netscape die Felder an der gleichen stelle positioniern und dass der Netscape die Felder mit der ID menu2Div-menu6Div am anfang hidded.

Hat vielleicht wer anders eine Idee ?
 
und nochwas

das mit dem <layer id="...." name="..."> hab ich auch probiert ..
 
Nach weiterem rumtesten

ist mir halt aufgefallen, dass der Netscape doch die position und visibility kann ... auch ohne <layer>

ABER !!!! er beachtet es nur vom ERSTEN Element (was im Style steht).
Das kann ich hidden und auch ausrichten wie ich will.

Nur halt die anderen net =?

... Ich probier mal kräftig weiter ...
 
Status
Nicht offen für weitere Antworten.
Zurück