Homepageinhalt in die Mitte

macmell

macmell

Mitglied
Thread Starter
Dabei seit
30.07.2004
Beiträge
49
Reaktionspunkte
0
Wie bekomm ich den Inhalt meiner Homepage in die Mitte (Dreamweaver)?

Funktioniert das mit Seiteneinstellungen - Ränder?

Thanx for Help


:) :) :)
 
eine möglichkeit wäre, den inhalt des bodys mit css zu zentrieren:

Code:
body {
  text-align:center;
}

dann braucht man allerdings noch einen container für den content:

Code:
#container {
	width: 750px;
}

im quellcode sieht das dann so aus:

Code:
<body>
<div id="container">

dein inhalt

</div>
</body>
 
cashmere schrieb:
eine möglichkeit wäre, den inhalt des bodys mit css zu zentrieren:

Code:
body {
  text-align:center;
}

dann braucht man allerdings noch einen container für den content:

Code:
#container {
	width: 750px;
}

im quellcode sieht das dann so aus:

Code:
<body>
<div id="container">

dein inhalt

</div>
</body>


Muß ich das jetzt alles im code eingeben? Kannst du mir das ein bisschen genauer erklären, bin leider noch ein blutiger Anfänger...

Vielen Dank!!!
:rolleyes:
 
macmell schrieb:
Muß ich das jetzt alles im code eingeben? Kannst du mir das ein bisschen genauer erklären, bin leider noch ein blutiger Anfänger...

das erklärt sich mit einem blick auf den quellcode von selbst:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
<title>Beispiel</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css">
<!--
body {
text-align:center;
}

#container{
color:#000000;
background:#CCCCCC;
width:760;  
text-align:left; 
}
-->
</style>
</head>
<body>
<div id="container">
<p> Lorem ipsum dolor sit amet</p>
</div>
</body>
</html>

das beispiel kannst du so wie es ist als .html-datei abspeichern und im browser angucken. mit "body { text-align:center; }" wird der inhalt der seite zentriert. der container wird dann zentriert dargestellt, und du kannst eine seiteninhalte in den container einfügen.

mehr zu diesem thema findest du
hier.
 
Alles klar, danke jetzt hab ichs gecheckt!!

clap
 
Zurück
Oben Unten