Ankündigung

**dhx** · 07.02.2008, 23:05

AW: Breite des body

Mahlzeit!

Gebe <html> eine andere Hintergrundfarbe, dann sollte der von
dir gewünschte Effekt zu sehen sein.

Beispiel:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Test</title>
<style type="text/css">
<!--
html
{
background-color: #808080;
}

body
{
width: 700px;
background-color: #f0f0f0;
margin: 20px auto;
}
-->
</style>
</head>
<body>
<h1>Ueberschrift</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, nisl ut aliquip</p>
</body>
</html>

**sanoasis** · 08.02.2008, 00:16

AW: Breite des body

Ich bin ja mit der Hintergrundfarbe zufrieden. Der body laesst sich nicht auf 1000px Breite begrenzen, so dass die Hintergrundfarbe rechts aus dem body hinausschiesst.
Aber vielleicht habe ich deinen Vorschlag nicht recht verstanden.

Gruss,
Stefan

**dhx** · 08.02.2008, 00:48

AW: Breite des body

Mahlzeit!

Das Attribut "width" ist im <body>-Tag nicht zulässig, sprich deine
Weitenangabe wird ignoriert.
Deshalb der Umweg über CSS, siehe auch mein Beispiel. Du solltest
die CSS-Angaben aber in eine seperate CSS-Datei packen.

-Sorry, hatte ich vergessen zu erwähnen.

**sanoasis** · 08.02.2008, 04:33

AW: Breite des body

Ich habe mir nun folgendes gebastelt:
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>testicopsi</title>
<style type="text/css">

</style>
</head>

Aber es funktioniert nicht.
Ich werde also morgen mal das mit der seperaten .css Datei studieren.

Danke erst einmal.
Gruss,
Stefan

**sejuma** · 08.02.2008, 06:01

AW: Breite des body

Öffne nach dem body einen Div (z.B. "#wrapper").
Weise diesem eine Breite von 1000px und ggf. eine Hintergrundfarbe zu.
In diesen Div packst du dann den gesamten anderen Quelltext hinein.
Schließe ihn dann wieder ganz zum Schluss vor "</body>"

**Elvis** · 08.02.2008, 09:55

AW: Breite des body

Und bitte nicht die Dokumentendeklaration vergessen....

**sanoasis** · 08.02.2008, 12:28

AW: Breite des body

Ich habe noch nie was von wrapper gehoert oder gelesen. Was ist das?
Folgendes habe ich nun eingefuehrt:
<body alink="#000099" bgcolor="#99ff99" link="#000099"
text="#000000" vlink="#990099">
<div #wrapper="width:1000px;">
<div........>
</div>
</div>
Aber es tut sich nichts. Muss ich noch was im header einfuegen?

Gruss,
Stefan

**Elvis** · 08.02.2008, 13:49

AW: Breite des body

Wrapper ist nur ein Wort und zwar ein englisches.

Div-Container dienen der Seitenstrukturierung. WEnn man diese dann noch sinnvoll mit IDs und Klassen formatiert, dann sollte man die Namen der Klassen und IDs sinnvoll wählen.

Die richtige Syntax lautet wie folgt:

HTML-Code:

<div id="wrapper">

Dazu muss natürlich auch die ID in der CSS-Formatierung richtig angegeben werden.

Des weiteren solltest Du sämtliche Formatierungen aus Deinem Body-Tag entfernen. Sowas hat da nichts zu suchen!

**sanoasis** · 08.02.2008, 14:09

AW: Breite des body

Danke. Es klaert sich so langsam.
Was meinst du mit: Dazu muss natürlich auch die ID in der CSS-Formatierung richtig angegeben werden.?
Den Body-Tag und alles andere raeume ich dann spaeter auf.

**Elvis** · 08.02.2008, 14:18

AW: Breite des body

Zitat von sanoasis Beitrag anzeigen

Was meinst du mit: Dazu muss natürlich auch die ID in der CSS-Formatierung richtig angegeben werden.?

HTML-Code:

<style type="text/css">
body {
hier kommen die Angaben zur Hintergrundfarbe, Farbe und Linkfarbe rein
}
#wrapper {
width:1000px;
}
</style>

Zitat von sanoasis Beitrag anzeigen

Den Body-Tag und alles andere raeume ich dann spaeter auf.

HTML-Code:

<body>

Hab ich mal schnell für Dich gemacht.

**sanoasis** · 08.02.2008, 14:24

AW: Breite des body

Danke fuers Aufraeumen.

Edit (autom. Beitragszusammenführung):

So, nun sieht es so aus:
<style type="text/css">
body {
background-color:#99ff99; alink:#000099; link:"#000099;
text:#000000; vlink:#990099;
}
#wrapper {
width:1000px;
}
</style>
</head>
<body>
<div id="wrapper">
<div.....</div>
</div>
Die Hintergrundfarbe verlaesst aber immer noch den body am rechten Rand. Was mache ich falsch?

**LuNeX** · 08.02.2008, 14:49

AW: Breite des body

so wie ich das sehe fehlt zwischen <head> und </head> die Angabe wo die css-Datei ist. Das müßte dann ungefähr so aussehen:
<link rel="stylesheet" href="Styles/Seiten.css" type="text/css" />

Das setzt natürlich voraus, daß du dem Rat gefolgt bist die Formatierungen in eine css auszulagern.

**sanoasis** · 08.02.2008, 15:03

AW: Breite des body

Verwirrt bin ich schon.
Es reicht aslo nicht aus in head die Angaben zu body und wrapper zu machen, sondern ich muss auch noch etwas auslagern? Das Ausgelagerte enthaelt dann auch oder stattdessen die body und wrapper-Angaben des head?
Oder sind es zwei verschiedene Moeglichkeiten, den body zu formatieren?

**dhx** · 08.02.2008, 15:15

AW: Breite des body

Mahlzeit!

sanoasis:
Es reicht aslo nicht aus in head die Angaben zu body und wrapper zu
machen, sondern ich muss auch noch etwas auslagern?

Nein! Du kannst die CSS-Angaben entweder im Head-Bereich machen ODER
als externe (CSS-)Datei. Das Auslagern in eine eigenständige CSS-Datei ist
übersichtlicher und spart Zeit beim Ändern der Angaben da nur hier in dieser
Datei und nicht in jeder HTML-Datei gemacht werden müssen.

sanoasis:
Die Hintergrundfarbe verlaesst aber immer noch den body am rechten Rand.
Was mache ich falsch?

Du musst die Hintergrundfarbe nicht body, sondern jetzt dem #wrapper zuweisen.

Und dann schau dir bitte hier bei SelfHTML an, wie man Verweise (Links)
mit CSS gestaltet.

Ankündigung

Breite des body

Breite des body

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

homepage-forum.de - Hilfe für Webmaster! Statistiken

Online-Benutzer

Die neuesten Themen

Die neuesten Beiträge