IT @ work - InformationsTechnologie bei der Arbeit
[CSS] Homepage mit Hilfe eines Wrappers zentrieren - Druckversion

+- IT @ work - InformationsTechnologie bei der Arbeit (https://www.quelltext.at/it_at_work)
+-- Forum: Webdesign (https://www.quelltext.at/it_at_work/forumdisplay.php?fid=3)
+--- Forum: Programmierung (https://www.quelltext.at/it_at_work/forumdisplay.php?fid=19)
+--- Thema: [CSS] Homepage mit Hilfe eines Wrappers zentrieren (/showthread.php?tid=61)



[CSS] Homepage mit Hilfe eines Wrappers zentrieren - juergenhold - 15.01.2011

Bei einem Projekt, einer Homepage, hat meiner Partner und ich ein Layout erstellt, welches die Seite zentriert ausgeben soll. Wir haben uns im CSS für einen "Wrapper" entschieden, natürlich möchte ich euch den Aufbau und die Lösung, hier sehr reduziert, nicht vorenthalten:

In der html-Seite steht folgendes:

Code:
<body>
  <div class="wrapper">Hier kommt der Inhalt hin ...</div>
</body>

in der css-Datei nachstehendes:

Code:
body {
  text-align: center;
  min-width: 770px;
}
div.wrapper {
  width: 900px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

Bei Fragen, einfach hier posten ...