Webseite in der Mitte des Bildschirms

Mitglied

Dabei seit: 16.11.2010

Mittwoch, 18. Januar 2012, 20:14

Guten Abend,

ich muss momentan eine Internetseite als Klassenarbeit für die Schule erstellen. Mein Problem momentan, ich habe 2 Bilder. Das eine soll als "Kopf" der Webseite dienen, in das andere soll die Navigation hinein. Nun versuche ich, egal bei welcher Auflösung die Webseite in der Mitte zu halten. (Sie soll natürlich immer noch am oberen Bildschirmrand anfangen) Ich bekomme es aber einfach nicht hin. Ich habe es schon mit

	HTML
1	text-align: center;

aber dann schaffe ich es nicht mehr die Navigationsbox nach links zu verschieben.

Ich hoffe mir kann jemand helfen.

KevinHu

Routinier

Dabei seit: 05.09.2010

Beiträge: 265

Mittwoch, 18. Januar 2012, 20:24

Ka was du meinst, aber probier mal das

css

Cascading Style Sheet

body {
	margin:0;
	padding:0;
}

.content {
 	padding:0;
	margin:auto;
	width:800px;
}


.left {
	float:	left;
	width:200px;
}

.right {
	margin-left:200px; /* Wie left */
	width:600px;
}

html

	HTML
1 2 3 4 5 6 7 8 9 10 11 12	[...] <body> <div class="content"> <div class="left"> Navi? </div> <div class="right"> Text </div> </div> </body> [...]

kA, nicht die beste Lösung aber dafür, dass ich üüüübermüde gerade bin .. kA sollte gehen xD
schließlich müsstest du ja ein wenig Ahnung von haben wenn da ein Fehler drinne ist..

Grüße,
Kevin

TDC
T-Minecraft
Youtube

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »KevinHu« (18. Januar 2012, 20:26)

Deffcon

König

Dabei seit: 11.11.2010

Beiträge: 897

Mittwoch, 18. Januar 2012, 20:25

Guten Abend,

mit den CSS Eigenschaften

	Cascading Style Sheet
1 2 3	width: 1000px; margin-left:auto; margin-right:auto;

Kannst du es mittig zentrieren.
Einfach in den .body Bereich in der CSS Datei / den CSS Zeilen.
du kannst die width auf die Breite deiner Bilder setzen.

MFG Simon

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Deffcon« (18. Januar 2012, 20:27)

flagfox

Mitglied

Dabei seit: 16.11.2010

Beiträge: 34