[Kaktus]

Hallo, ich hoffe jemand kann mir helfen, ich bin schon so langsam am verzweifeln
Hab mir schon einen abgegoogelt, aber schlauer bin ich nicht geworden...

Es geht um [url]diese Seite hier[/url]
Die Bilder-Navigation oben ist ein transparentes png.

Im Opera, Firefox und IE7 ist soweit alles in Ordnung, aber ich habe zwei Probleme im IE6:

1) Die Navigation wird überhaupt nicht angezeigt. Ich habe im CSS "position: absolute" und damit scheint der IE6 ein Problem zu haben. Wenn ich das absolute rausnehme, wird die Navi zwar angezeigt, aber die gesamte Positionierung stimmt in keinem Browser mehr und ich habs weder mit margin noch mit padding irgendwie lösen können

2) Die Navigation wird im IE6 nicht mit einem transparenten Hintergrund angezeigt, sondern ist grau hinterlegt...da ich weiß, dass der IE6 eigentlich keine transparenten png's kann, habe ich einen png fix für den IE6 drin...aber irgendwas scheint da nicht so richtig zu funktionieren

Vielen Dank schon mal im Voraus
lg Kaktus

[escaPe]

#layer_transparent
{
position: absolute;
width: 783px;
height: 227px;
left: 50%;
margin-left: -383px !important;
margin-left: -379px;
top:52px !important;
top:52px;
z-index:2;
}
2 sachen die mir aufgefallen sind
ausserdem könnte es sein das der ie6 left: 50% nicht versteht. probier mal einen festen wert

[stuhr]

Nimm als erstes Mal den xml-prolog raus, im Augenblick läuft der IE6 dadurch nämlich im Quirksmode.

[Kaktus]

Danke schonmal für die Antworten...

Habe den xml-Prolog mal rausgenommen, dadurch ändert sich aber erstmal nix...

Habe jetzt im css folgendes ausprobiert:

#layer_transparent
{
width: 783px;
height: 227px;
top:52px;
z-index:2;
}


Die horizontale Positionierung bekomme ich so richtig hin, aber die vertikale klappt nicht? Die Navi hängt ein gutes Stück über dem Content-Bereich und der Content-Bereich rutscht nur höher wenn ich einen negativen Wert bei margin-top eingebe:

#content
{
width: 780px;
height: auto;
margin-top: -90px;
background-color: #FFFFFF;
border-left: 8px solid #1c7fb8;
border-right: 8px solid #1c7fb8;
border-top: 8px solid #1c7fb8;
float: left;
padding-bottom: 40px;
}

Im Firefox würde es so gehen, aber im IE6 ist der Content-Bereich dann ÜBER der Navigation...

[Kaktus]

So, also das Problem mit der Positionierung hab ich gerade gelöst

Jetzt habe ich nur noch das Problem, dass im IE6 um das png der graue Kasten angezeigt wird...weiß jemand, was da nicht stimmt? Ich hab ja einen png fix drin, könnte es vielleicht daran liegen, dass das png auch im javascript code drin ist? Gibts da eine Lösung dafür?

wäre toll, wenn jemand was weiß

(aktuelle Version ist online)

[Kaktus]

hat sich erledigt