mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 25.04.2024 11:25 Benutzername: Passwort: Auto-Login

Thema: Seite mittig positionieren via css vom 19.10.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Seite mittig positionieren via css
Seite: 1, 2  Weiter
Autor Nachricht
Kash
Threadersteller

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mi 19.10.2005 13:24
Titel

Seite mittig positionieren via css

 Antworten mit Zitat Zum Seitenanfang
Hallo Leute,
habe ein kleines Problem.
Habe das Layout der Seite mittels CSS aufgebaut.
der eigentlich content-bereich sollte mittig sein.

jetzt habe ich folgenden CSS geschrieben und folgend in HTML eingebaut.

CSS
Code:

#container {
   margin-top: 5%;
   margin-left: 8%;
   width: 795px;
   height: 474px;
   background-color:#FFFFF;
}

#kleine_navi_oben {
   margin-top: 0px;
   margin-left: 478px;
   width: 318px;
   height: 23px;
   background-color:#FF780B;
}

#content_container {
   margin-top:0px;
   height: 369px;
   width: 795px;
   background-color:#776E15;
}
#second_navi {
   margin-top:53px;
   height: 102px;
   width: 111px;
   background-color:#FFE90B;
   z-index: 2;
}

#content {
   margin-top:-155px;
   margin-left:111px;
   width: 488px;
   height: 369px;
   background-color:#A6FF0B;
}
#image {
   margin-top:-369px;
   margin-left:599px;
   width: 197px;
   height: 369px;
   background-color:#AABEFE;
}

#navi {
   margin-top:1px;
   margin-left:0px;
   width: 598px;
   height: 20px;
   background-color:#423E95;
}

#spacer {
   margin-top:-20px;
   margin-left:599px;
   width: 197px;
   height: 20px;
   background-color:#423E95;
}
#logo_header_container {
   margin-top:1px;
   margin-left:0px;
   width: 796px;
   height: 63px;
   background-color:#776E15;
}


HTML
Code:

<link rel="stylesheet" href="stylesheet.css">
<body>

<div id="container">
   <div id="kleine_navi_oben">Third Navi</div>

   <div id="content_container">
      <div id="second_navi">Second Navi</div>
      <div id="content">Content</div>
      <div id="image">Image</div>
   </div>

   <div id="navi">Navi</div>
   <div id="spacer">spacer</div>
   <div id="logo_header_container">Logo und Headline</div>
</div>

</body>
</html>


bei einer Bildschirmauflösung von 1024x768 pixeln funktioniert es wunderbar.
wenn ich die auflösung jedoch erhöhe hängt es immer noch in dieser ecke.

ich denke das liegt an den expliziten angaben im <div>-#container mit margin-top:5%; und margin-left:8%;

was kann ich machen das die seite immer mittig gezeigt wird?
aber mit einem bestimten mindestabstand zum oberen und linken browserrand?
in eine tabelle (align=center) habe ich es schon gepackt, ging aber nicht.hat eher die <div>-layer zerissen.

für nen tipp bin ich dankbar.


grüßle
  View user's profile Private Nachricht senden
gtz

Dabei seit: 15.04.2002
Ort: -
Alter: 48
Geschlecht: Männlich
Verfasst Mi 19.10.2005 13:29
Titel

Antworten mit Zitat Zum Seitenanfang
div aussenrum, absolut positionieren, margin: auto.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Doppelplusgut

Dabei seit: 06.10.2005
Ort: Zimmer 101
Alter: 55
Geschlecht: Männlich
Verfasst Mi 19.10.2005 13:33
Titel

Antworten mit Zitat Zum Seitenanfang
Guckst Du auch hier
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Mi 19.10.2005 13:40
Titel

Antworten mit Zitat Zum Seitenanfang
... oder unten bei den "Ähnlichen Themen" nachschauen.
  View user's profile Private Nachricht senden
way2hot

Dabei seit: 14.03.2004
Ort: Jüchen-Gierath
Alter: 41
Geschlecht: Männlich
Verfasst Mi 19.10.2005 13:52
Titel

Antworten mit Zitat Zum Seitenanfang
http://www.intensivstation.ch/templates/
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Kash
Threadersteller

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mi 19.10.2005 14:02
Titel

Antworten mit Zitat Zum Seitenanfang
@gtz: wenn ich aber zum spaß die größe von meinem browserfenster verkleinere, dann wird der contentbreich weggeschnitten nehme ich an, oder?

probiere das jetzt mal grad.
  View user's profile Private Nachricht senden
Kash
Threadersteller

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mi 19.10.2005 14:04
Titel

Antworten mit Zitat Zum Seitenanfang
@gtz: vergiss es, das klappt nicht.jeder layer wird nun irgendwo dargestellt.
  View user's profile Private Nachricht senden
kaputt

Dabei seit: 08.05.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 19.10.2005 14:09
Titel

Antworten mit Zitat Zum Seitenanfang
http://www.patrick-pecher.de/misc/mittig.html
  View user's profile Private Nachricht senden
 
Ähnliche Themen mittig positionieren ...
ccs->positionieren->mittig
grafik mit css mittig positionieren
CSS : Mittig positionieren. Hilfe!
jquery slideshow mittig positionieren
Seite absolut mittig zentrieren
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB