div-container zentrieren

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas

12:49, 13.12.2009

Guten Tag,

ich stell mich im Moment etwas doof an.

Mein Problem ist, das ich meine Website zentrieren möchte und diese jedoch fertig habe.
Deshalb habe ich sie in einen div-container geschmissen.
Und diesen wiederrum in einen, welcher dann den ersten zentrieren sollte.
Hat leider nicht wirklich geklappt.

Hat jemand von euch noch eine Idee wie ich einen gesammten div-container zentriert bekomme?

<html>
<head>
<title>Testseite für den Umgang mit div-containern
</title>
</head>
<body>
<div id="1" align="center">
	<style type="text/css">
	 .examplediv
	 {
	  background-color:#696969;
	  border-style:solid #000000 1px;
	 }
	#divid
	{
	 position:
	 width:635px; height:475px;
 	overflow:auto;
	}
	</style>
	  <div id="divid" class="examplediv">
	Testtext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext     TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext TesttextTesttext Testtext
	</div>
</div>
</body>
</html>

Lg ferana

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage
~~a************n~~
12:52, 13.12.2009
für eine horizontale zentrierung sollte es so gehen
```
//css
#außenDiv {
  margin:0 auto;
}
```
mfg andre

/Edit:

was ich grad sehe

der <style> part kommt in den head bereich.... vll geht deins ja auch wenn du es so machst

Beitrag zuletzt geändert: 13.12.2009 12:53:53 von andre-morillon

staymyfriend

staymyfriend hat kostenlosen Webspace.

13:58, 13.12.2009

div#aussen {
    position: absolute; left: 50%; top: 50%;
    width: 635px; height: 475px;
    margin-left: -317px; margin-top: -237px;
    overflow: auto;
}

So sollte das ganze funktionieren... *ungetestet*

Autor dieses Themas
ferana

ferana hat kostenlosen Webspace.
15:56, 13.12.2009
staymyfriend schrieb:
```
div#aussen {
    position: absolute; left: 50%; top: 50%;
    width: 635px; height: 475px;
    margin-left: -317px; margin-top: -237px;
    overflow: auto;
}
```
So sollte das ganze funktionieren... *ungetestet*
Guten Tag,

danke, es klappt super!

Lg ferana
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city