Vertikale 1/3 - 2/3 Unterteilung

  • Themenstarter Themenstarter bluewing
  • Beginndatum Beginndatum
B

bluewing

Hallo,

ich habe folgendes Problem: Ich möchte später eine Flashdatei in einer HTML-Datei platzieren. Die Flashdatei soll nicht zentriert sein, sondern vom verbleibenden vertikalen Platz zwischen Flashdatei und Browserfenster oben den Abstand 1/3 und unten den Abstand 2/3 haben. Es funktioniert auch soweit, nur scheint es, als ob die Höhe des Flashfilmes dazugezählt wird, also die Höhe zu groß angenommen wird.

Ich hoffe, ihr könnt mir helfen, hier ist der Code:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
       
<html>
<head>

<style type="text/css">

body {
   margin: 0;
   padding: 0;
   height: 100%;
}

html {
   margin: 0;
   padding: 0;
   height: 100%;
}

#oben {
   background-color: red;
   height: 33%;
   position: relative;
}

#flash {
   background-color: yellow;
   height: 620px;
   position: relative;
}

#unten {
   background-color: green;
   height: 67%;
   position: relative;
}

</style>

<title>Titel</title>
</head>
<body>

<div id="oben">
</div>

<div id="flash">
</div>

<div id="unten">
</div>

</body>
</html>
 
Hallo,

da ich mit css nicht mehr weiterkomme: Ich möchte ein Bild (ca. 600px hoch) so in einem Browserfenster anzeigen lassen, dass es "fast" zentriert ist - damit meine ich, dass der obere Rand zum Browserfenster 34% und der untere Rand 66% breit sein soll - also 1/3 und 2/3 des verbleibenden Platzes zwischen Bild und Browserfenster (natürlich nur, wenn das Browserfenster größer als das Bild ist).

Vielen Dank schonmal im Voraus ...
 
Hi,

ich war mal so frei, die beiden Threads zusammenzuführen, und möchte dich bitten, zukünftig das doppelte Starten eines Themas mit der selben Fragestellung zu unterlassen - siehe hierzu den Punkt 12 der Netiquette. Vielen Dank! ;)
 

Neue Beiträge

Zurück