| Autor |
Nachricht |
Kash
Moderator
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 29
Geschlecht: 
|
Verfasst Mi 19.10.2005 13:24
Titel Seite mittig positionieren via css |
  |
|
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
|
|
| |
  |
 |
| |
|
|
gtz
Dabei seit: 15.04.2002
Ort: -
Alter: 36
Geschlecht:
|
Verfasst Mi 19.10.2005 13:29
Titel
|
|
|
|
div aussenrum, absolut positionieren, margin: auto.
|
|
| |
 |
|
Doppelplusgut
Dabei seit: 06.10.2005
Ort: Zimmer 101
Alter: 43
Geschlecht:
|
Verfasst Mi 19.10.2005 13:33
Titel
|
|
|
|
Guckst Du auch hier
|
|
| |
|
|
top
Dabei seit: 25.11.2003
Ort: Gameboy
Alter: 40
Geschlecht:
|
Verfasst Mi 19.10.2005 13:40
Titel
|
|
|
|
... oder unten bei den "Ähnlichen Themen" nachschauen.
|
|
| |
|
|
way2hot
Dabei seit: 14.03.2004
Ort: Jüchen-Gierath
Alter: 29
Geschlecht:
|
|
| |
|
|
Kash
Moderator
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 29
Geschlecht:
|
Verfasst Mi 19.10.2005 14:02
Titel
|
|
|
@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.
|
|
| |
|
|
Kash
Moderator
Threadersteller
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 29
Geschlecht:
|
Verfasst Mi 19.10.2005 14:04
Titel
|
|
|
|
@gtz: vergiss es, das klappt nicht.jeder layer wird nun irgendwo dargestellt.
|
|
| |
|
|
kaputt
Dabei seit: 08.05.2003
Ort: -
Alter: -
Geschlecht:
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
CSS : Mittig positionieren. Hilfe!
hin und her springen der Seite verhindern via CSS
mittig positionieren ...
ccs->positionieren->mittig
Seite absolut mittig zentrieren
css > spalten > mittig ...
|
|
Willkommen auf dem Portal für Mediengestalter
