Stift: seltsames Verhalten eines Divs mit margin-top: -30%;

Beitrag lesen

SELF-Forum

seltsames Verhalten eines Divs mit margin-top: -30%;

Stift
– Informationen zu den Bewertungsregeln

Hallo Forumsteilnehmer,

kann mir jemand von Euch dieses für mich seltsame Verhalten des blauen DIV-Containers erklären, wenn man die Breite des Browserfensters (beispielsweise zwischen 200px und 800px) variiert? Je nach Fensterbreite ist die vertikale Position der blauen Box unterschiedlich. Ausprobiert mit FF 3.5.3 und IE 8

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html style="height: 100%;">
<head>
<title>Test</title>
</head>
<body style="height: 100%; margin: 0px;">
<div style="border: 1px solid red; height: 50%;"></div>
<div style="border: 1px solid blue; height: 30%; margin-top: -30%;"></div>
</body>
</html>

Außerdem konnte ich aus der Seite http://de.selfhtml.org/css/eigenschaften/randabstand.htm nicht entnehmen, auf was sich Prozentangaben bei Außenrand und Abstand beziehen.

Danke für die Hife.

Beitrag melden
–
Informationen zu den Bewertungsregeln