fester Bereich | beweglicher Rand

[PeeWee]

Hallo Ihr alle,

da ich vielleicht vorhin es nicht genug beschrieben habe, versuche ich es nun nochmal.

Ich habe mal eine Frage zu HTML und CSS, vielleicht könnt Ihr mir helfen.

Ich möchte in HTML eine Seite erstellen, auf der ein fester Bereich (Größe und so wieter) auf der Seite zentriert ist. Also ein Rahmen der sich vom Hintergrund abhebt. Farben und Eigenschaften sind alle in der CSS Datei durch einen Tag zugewiesen und somit soll die eigentliche Gestaltung in der CSS Datei erfolgen.

<!-- Aufruf des Divs in der HTML-->
<div id="rahmen">hier kommt dann irgendwas.</div>


/* def in der css*/
#rahmen {
position:absolute;
top:10%;
left:10%;
width:760px;
height:540px;
background-color:#33FFFF;
/*margin:auto auto;*/
text-align:left;
}


Nun würde ich diesen Rahmen gerne so anlegen, dass er immer sowohl horizontal, als auch vertikal in der Mitte des Browserfensters ist. Also wenn ich es größer ziehe und etwas kleiner.

Man könnte es über eine Tabelle schaffen, aber diese wollte ich eigentlich umgehen.

Auch ein Frameset ist für eine Internetseite nicht besonders gut.

Besten Gruß

PeeWee

 

[Quaese]

Hi,

da Dein Rahmen feste Grössenangaben besitzt (width, height), sollte folgendes
StyleSheet das Gewünschte leisten:

#rahmen{ position:absolute;
         top:50%;
         margin-top: -270px;   /* Hälfte der Höhe nach oben verschieben */
         left:50%;
         margin-left: -380px;  /* Hälfte der Breite nach links verschieben */
         width:760px;
         height:540px;
         background-color:#33FFFF;
         text-align:left;}

Ciao
Quaese

 

[PeeWee]

Dank Dir!

Hat super geklappt.


Gruß

PeeWee