Hintergrund mit Farbe??

Nadidz

Hallo Leute,
ich wollte bei meiner Homepage einen bunten Hintergrund. Ich bekomme es immer nur so hin, dass der Inhalt und so eine Hintergrundfarbe bekommt. Meine Homepage ist mittig gesetzt, also ist rechts und links immer weißer Hintergrund und den möchte ich farbig, ich hoffe man kann mir folgen. Hier nochmal der Link zu meiner Page:
http://dennis.spacequadrat.de[/url]

maulepan

naja da musst du im style.css den body beschreiben also

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background: ........ ;
}

Nadidz

Hm hab jezz in meiner style.css bei body "background" hinzugefügt und einfach mal blau gemacht. Wird aber nichts angezeigt, muss ich das body im HTML-Dokument nochma irgendwie erwähnen oda so??

maulepan

nein eigentlich ni9cht.... nur du darfst kein # davor setzten

Nadidz

Also ich hab nochma geguckt und funzt trotzdem net...

YetiZwerg

du kannst das ganze auch gleich im HTML-Code (für jede Seite extra) einstehhel:

Code

<body bgcolor="#......">




...




</body>

Alles anzeigen

dann musst du das aber auf jeder Seite machen

Nadidz

Stimmt...das hat auch geklappt und werde es vorrübergehen auch so machen.
Danke !!!

maulepan

also bei mir klappen beide varianten... haste auch wirklich kein symikolon in deiner style.css vergessen??

Nadidz

Hm...eigentlich is alles richtig...kannst dus mal bitte so schreiben wie ich es in der style.css dann haben müsste??

maulepan

naja hab ich doch schon

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background: #FF0000;
}

du kannst natürlich auch ein Hintergrundbild setzten

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background: URL(bilder/hintergrund.gif);
}

Nadidz

Verdammt es geht einfach nicht. So siehts bei mir aus:

Code

body {
  text-align: center; /* Zentrierung IE */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  background: #FF0000; 
}

maulepan

nimm ma zum ürobieren text-align und den kommentar raus... müsste eogentlich nichts änder, aber nen versuch ist es wert

Nadidz

Hab das mal rausgemacht und hat sich nichts geändert. Hier noch mal meine HTML-Datei vielleicht is ja da was falsch^^

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
  <title>Dennis-r.de.tf</title>




<link rel="stylesheet" href="design.css" type="text/css">




<style type="text/css">




</style>




</head>




<body>




<div id="seitenbereich">




<div id="kopfbereich">
</div>




<div id="navi">
<p> <a href="index.html">Home</a> | <a href="uebermich.html"> &Uuml;ber mich </a> | <a href="volltierisch.html"> Voll Tierisch </a> | <a href="schule.html"> Schule </a> | <a href="fotosundvideos.html"> Fotos und Videos </a> | <a href="impressum.html"> Impressum </a>  </p>
</div>




<div id="inhalte">
<h2 align="center">Herzlich Willkommen</h2>
<table align="center" width="780px">
<thead>
<tr>
<th><p style="margin-left:0px;">&Uuml;ber diese Homepage</p></th>
<th><p style="margin-left:150px;">Aktualisierungen</p></th>
</tr>
</thead>
<tr>
<td>Das ist meine private Homepage, an <br/>
der ich seit Anfang 2008 bastle. Auf <br/>
dieser Homepage können Sie mich <br/>
näher kennenlernen. Es gibt keine <br/>
versteckten Kosten.</td>
<td align="right"><iframe src="http://dennis.spacequadrat.de/aktualisierungen.html"
width="300px" height="150px" name="aktualisierungen">




  <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen!
  </p>
</iframe>
</td>
</tr>
</table>




<table align="center" width="780px" style="margin-top:30px">
<thead>
<tr>
<th><p style="margin-left:0px;">News</p></th>
<th align="right"><p style="margin-right:70px;">Mein Blog</p></th>
<th></th>
</tr>
</thead>
<tr>
<td>Bin wieder aus Italien zur&uuml;ck und <br/>
habe gleich alle Bilder hochgeladen. <br/>
<a href="italien.html">>>Klick<<</a></td>
<td align="right" width="250px"> <a href="meinblog.html"><img src="bilder/sonstiges/meinblog.jpg" style="margin-right:60px;"/></a> </td>
<td align="right"><a href="http://www.andyhoppe.com/" title="Counter"><img src="http://www.andyhoppe.com/count/?id=1214665927" style="border:none" alt="Counter" /></a></td>
</tr>
</table>
</div>
</div>
</body>
</html>

Alles anzeigen

maulepan

nö.... hab keine ahnung woran das liegen kann.... und hab auch keine zeit.... sitze im informatikunterricht..... also kann jetzt nicht groß helfen

PS: sag mal die URL deiner Page

Nadidz

Hier die URL:
http://dennis.spacequadrat.de

Dort habe ich die Datei mit dem Hintergrund und so noch net hochgeladen...habe das immer nur am PC getestet...

maulepan

ich schreibt dir heute nachmittag

Nadidz

Hey maulepan schon ne Lösung für mein Probelm?? Wenn nicht muss ich anfangen und bei jeder Seite den Hintergrund ändern

maulepan

also 1. du hast folgendes stehen

Code

<style type="text/css">




body {
  text-align: center; /* Zentrierung IE */
}




#seitenbereich {
  text-align:left;  /* Inhalt wieder links */
  margin: 0 auto;   /* Zentrierung mitte */
  width: 780px;
  background-color:#FFFFFF;
}




#navi {
  background-color:white;
  height:20px;
  margin-top:-15px;
}




#inhalte {
  background-color:#FFFFFF;
}




#kopfbereich {
  background:url(bilder/header.jpg) no-repeat;
  height:100px
}




a         { font-family: Arial, sans-serif;color: #000066;
}




a:link    { text-decoration:none; color:#000066; 
}




a:visited { text-decoration:none; color:#993366; 
}




a:hover   { text-decoration:underline overline; color:#FF0000;
}




a:active  { text-decoration:underline overline; color:#3366FF;
}




</style>

Alles anzeigen

so ist es aber richtig

Code

body {
  text-align: center; /* Zentrierung IE */
}




#seitenbereich {
  text-align:left;  /* Inhalt wieder links */
  margin: 0 auto;   /* Zentrierung mitte */
  width: 780px;
  background-color:#FFFFFF;
}




#navi {
  background-color:white;
  height:20px;
  margin-top:-15px;
}




#inhalte {
  background-color:#FFFFFF;
}




#kopfbereich {
  background:url(bilder/header.jpg) no-repeat;
  height:100px
}




a         { font-family: Arial, sans-serif;color: #000066;
}




a:link    { text-decoration:none; color:#000066; 
}




a:visited { text-decoration:none; color:#993366; 
}




a:hover   { text-decoration:underline overline; color:#FF0000;
}




a:active  { text-decoration:underline overline; color:#3366FF;
}

Alles anzeigen

und dann lad das einfach ma so hoch und gug was wird

Nadidz

Hm also ich sehe gerade keinen Unterschied bei den beiden Codes...hm werds dann morgen trotzdem mal testen...hab heude keine zeit mehr.

Nadidz

Ok super es funktioniert jetzt. Kannst du mir bitte nochmal den Fehler in meinem Code sagen, denn ich sehe irgendwie keinen

Jetzt mitmachen!