fester Bereich | beweglicher Rand

Status
Nicht offen für weitere Antworten.
P

PeeWee

Grünschnabel
Hallo Ihr alle,

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.

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
 
Zuletzt bearbeitet:
So ungefähr?

Code: 
<html>
<head></head>
<body style="margin:0px; padding:0px;">
  <div style="padding:20%; background-color:#8EB6F0">
    <div style="background-color:#fff; height:300px;">Content</div>
  </div>
</body>
</html>

bye
 
Dank Dir für deine Antwort.

Da keiner auf das Thema geantwortet hatte, hatte ich es nochmal etwas ausführlicher beschrieben und nochmals gepostet.

Dort kam dann diese Lösung für die CSS Datei :

#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;
z-index: 1;
}


Das geht echt super. Werde Deine auch mal ausprobieren. Dank Dir dafür.

Hab es gerade probiert. Danke nochmals.

Es würde etwa hinkommen, aber das mit der ID in der CSS geht besser, da der Bereich exakter sowohl horizontal, als auch vertikal zentriert bleibt.

Gruß

PeeWee
 
Zuletzt bearbeitet:
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück