Layer Positionierungs Problem

[Agravain]

Grüße,

Ich habe zwei Layer, im HTML Code einfach mit <div.... untereinander geschrieben. Standartmäßig waren die zwei Layer dann auch untereinander, jetzt habe ich den Unteren mit dem position top Wert passend nahc oben geschoben.

Das Problem bei der ganzen Sache, obwohl jetzt beide Layer übereinander liegen blieb unter den Layern eine leere Fläche so groß wie eben der Layer der dort eigentlich war.

Kann mir da wer helfen?

 

[Maik]

Hi,

vermutlich hast du das Element relativ positioniert und mit einem negativen top-Wert nach oben geschoben. In diesem Fall bleibt der zunächst eingenommene Platz des Elements im Textfluss erhalten, und es entsteht somit eine Lücke zu seinem nachfolgenden Element:

Die Angabe relative bezieht sich auf die Normalposition des Elements selbst und verschiebt es entsprechend. Der ursprünglich eingenommene Raum bleibt hinsichtlich nachfolgender Elemente erhalten.

• Quelle: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position

 

[Agravain]

Danke Maik, das hat funktioniert. Aber gleich zum nächsten Problem...

Ich möchte einfach nur jedes Bild meiner Navigation mit <div> positionieren, in Fire Fox funktioniert alles wunderbar, nur im IE wiedermal nicht.

http://cms.wine-card.at/wine_card/layout.php

"Kontakt" sollte bis zum Ende des roten Balkens gehen, welcher ein Layer ist. Tut es eigentlich auch ... im Fire Fox ... vielleicht kann der IE nicht zählen

Hier der Quelltext für das eine Element (mit speziellen Tags für das CMS)

<div id=kontakt style="position: absolute; top: 84; left: 173; width: 3; height: 94;">
<we:img id="401" name="Kontakt" width="108" height="10" />
</div>

Hab ich irgendwas vergessen das für den IE wichtig ist, es scheint mir so als hätten die Bilder einen Rahmen.

 

[Maik]

Hi,

nimm mal im Dokumentheader das nachfolgende Stylesheet auf, in dem die Grafikelemente mit der display:block-Eigenschaft ausgezeichnet werden, damit der IE die Zeilenumbrüche und Tabeinrückungen im HTML-Code vor und nach den <img>-Tags nicht als Whitespaces interpretiert, was derzeit zu der vertikalen Verschiebung des "Kontakt"-Grafikelements führt.

<style type="text/css">
<!--
img {
display:block;
}
-->
</style>

Desweiteren solltest du bei den CSS-Eigenschaften left,top,width,height eine Einheit (px) angeben, wenn der Wert größer oder kleiner (=negativ) als null ist.