• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] Problem Hintergrundfarbe

Status
Für weitere Antworten geschlossen.
F

Fabi3997

Neues Mitglied
Ich bin HTML Anfänger und brauche eure Hilfe. Ich bin beim gestalten von meiner Hauptseite. Bei meinem unteren Text wird die Hintergrundfarbe nicht übernommen, aber ich weiß nicht woran es liegt. Wenn ich einen neuen Div Container erstelle und ihm Eigenschaften gebe, geht die Hintergrundfarbe weg. Ich habe einen Div Container der die anderen beinhaltet. Dem habe ich die Hintergrundfarbe weiß gegeben. Ist es ein Problem, wenn eine Tabelle dazwischen ist? Tipps sind gerne erwünscht.

internetseite.jpg

HTML: 
 <div id="inhalt">
   
        <div style="width:750px;padding-left:50px; margin-right: 20px; text-align:justify; float:left;"> Der Spielercharakter,
        der Einzige Überlebende, greift auf die im Spiel befindlichen Menüs durch einen Pip-Boy zu, um Statistiken, Karten, Daten
        und Gegenstände zu verwalten. Der Spieler kann auch Holobänder mit Mini-Spielen finden, die auf dem Pip-Boy gespielt werden</div>

        <img src="images/city.jpg" style="padding-left:50px;margin-top:10px;margin-bottom:10px; float:left;">
       

       
     
   
<table  style="width: 250px ;" cellspacing="0" cellpadding="0" border="1"  >
  <tr>
    <td  rowspan="6"></td>
    <td></td>
    <td  rowspan="6"></td>
  </tr>

  <tr>
    <td style="text-align: center"><div><a>Spiel</a></div><div>Fallout 4</div></td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td style=""><table cellpadding="0" cellspacing="0"><tr>
    <td style=""><table cellpadding="0" cellspacing="0"><tr>
    <td text-align:center style="padding-left:55px;"><img src="images/fallout.jpg"  width="210"  height="240" ></td>
  </tr></table></td>
  <td><div></div></td></tr></table></td></tr>
  <tr>
    <td><table cellspacing="0" cellpadding="0" border="1">
      <tr>
        <td style=""></td>
        <td></td>
        <td style=""></td>
      </tr>
      <tr>
        <td colspan="3"></td>
      </tr>
      <tr>
        <td title="" colspan="1" style="">Entwickler</td>
        <td></td>
        <td title="" colspan="1" style="">Bethesda Game Studios</td>
      </tr>
      <tr>
        <td colspan="3"></td>
      </tr>
      <tr>
        <td title="" colspan="1" style="">Herausgeber</td>
        <td></td>
        <td title="" colspan="1" style="">Bethesda Softworks</td>
      </tr>
      <tr>
        <td colspan="3"></td>
      </tr>
      <tr>
        <td title="" colspan="1" style="">Erscheinungsdatum</td>
        <td></td>
        <td title="" colspan="1" style="">10.November 2015</td>
      </tr>
      <tr>
        <td colspan="3"></td>
      </tr>
      <tr>
        <td title="" colspan="1" style="">Genre</td>
        <td></td>
        <td title="" colspan="1" style="">Rollenspiel</td>
      </tr>
      <tr>
        <td colspan="3"></td>
      </tr>
      <tr>
        <td title="" colspan="1" style="">Modus</td>
        <td></td>
        <td title="" colspan="1" style="">Einzelspieler</td>
      </tr>
      <tr>
        <td colspan="3"></td>
      </tr>
      <tr>
        <td title="" colspan="1" style="">Bewertungen</td>
        <td></td>
        <td title="" colspan="1" style="">Mature (ESRB)<br />18+ (PEGI)<br />MA15+ (ACB)<br />Z (CERO)</td>
      </tr>
      <tr>
        <td colspan="3"></td>
      </tr>
      <tr>
        <td title="" colspan="1" style="">Plattformen</td>
        <td></td>
        <td title="" colspan="1" style="">Microsoft Windows<br />PlayStation 4<br />Xbox One</td>
      </tr>
      <tr>
        <td  colspan="3"></td>
      </tr>
      <tr>
        <td title="" colspan="1" style="">System-<br />Voraussetzungen</td>
        <td></td>
        <td title="" colspan="1" style=""><b>PC Minimum</b>:<br />Windows 7/8/10 (64-Bit)<br />Intel Core i5-2300 mit 2,8 GHz/AMD Phenom II X4 945 mit 3,0 GHz
        <br />8 GB RAM<br />30 GB freier Festplattenspeicher<br />NVIDIA GTX 550 Ti mit 2 GB/AMD Radeon HD 7870 mit 2 GB><br /><b>Konsole:</b><br/>28-35 GB
        freier Festplattenspeicher</td>
      </tr>
    </table>
    </td>
    </tr>
    <tr>
      <td></td>
    </tr>
</table>
   
      <br>
      <div style="float: left; padding-left: 50px;">
Es gibt viele Spielweisen, die jeder frei wählen kann
          </div>
   
       </div>

HTML: 
#Inhalt {
          width: 1200px;
        background: #ffffff;
        margin-left: auto;
        margin-right: auto;
        padding-top:50px;
        font-size: 16px}
 
Zuletzt bearbeitet:
Hallo

Aus deinen Angaben kann dein Problem nicht nachvollzogen werden. Den entscheidenden Quelltext zeigst du leider nicht.

Grundsätzlich hat der Quelltext aber wenig mit aktuellem HTML / CSS zu tun.

Da du keine Tabellendaten hast solltest du auf die Tabelle (table) verzichten. Du mißbrauchst du Tabelle zum Layouten. Das ist bereits seit 17 Jahren falsch.

Du solltest am besten gleich aktuelles HTML / CSS lernen. Das veraltete ist nicht einfacher, der Umstieg fällt mit veraltetem Wissen aber schwerer.

Gruss

MrMurphy
 
Fabi3997 schrieb:
HTML: 
 <div id="inhalt">

HTML: 
#Inhalt {...}
Zum Vergrößern anklicken....
CSS verhält sich case sensitive, d.h. es unterscheidet zwischen der Groß- und Kleinschreibung.

Aus diesem Grund findet der ID-Selektor #Inhalt im HTML-Code keine Übereinstimmung bei <div id="inhalt"> vor, und die Formatierung bleibt aus.
MrMurphy schrieb:
Aus deinen Angaben kann dein Problem nicht nachvollzogen werden. Den entscheidenden Quelltext zeigst du leider nicht.
Zum Vergrößern anklicken....
Wie Du siehst, konnte sehr wohl anhand der Erläuterungen und des gezeigten Quelltextes das Problem nachvollzogen, und am Ende seine Ursache benannt werden o_O

Oder ist Dir lediglich das I (im CSS) gegenüber dem i (im HTML) nicht als solches aufgefallen?
 
Hallo

Oder ist Dir lediglich das I (im CSS) gegenüber dem i (im HTML) nicht als solches aufgefallen?
Zum Vergrößern anklicken....

Danach habe ich überhaupt nicht geschaut. Ich gehe solche Fragen eher praktisch an.

Soweit ich es verstehe soll die Schrift unterhalb des großen Bildes als Hintergrundfarbe auch weiß erhalten.

Ich habe die Seite mit den vorhandenen Angaben nachgebaut und der gesamte Hintergrund ist weiß. Damit ist für mich das Problem aus dem Quelltext heraus überhaupt nicht erkennbar und für mich erst mal Schluß. Ich schau mir den Quelltext nur noch oberflächlich an und mache auf Probleme aufmerksam, die mir dabei ins Auge fallen.

Ich vermute, dass das erste div "Es gibt viele Spielweisen, die jeder frei wählen kann" (ohne id und class, aber mit Inline-CSS) hinter der Tabelle einen weißen Hintergrund bekommen soll.

Gruss

MrMurphy
 
Zuletzt bearbeitet:
MrMurphy schrieb:
Ich habe die Seite mit den vorhandenen Angaben nachgebaut und der gesamte Hintergrund ist weiß. Damit ist für mich das Problem aus dem Quelltext heraus überhaupt nicht erkennbar und für mich erst mal Schluß.
Zum Vergrößern anklicken....
Naja... weiss (#inhalt) auf weiss (body) kommt halt auch nicht so gut :D

Nachträglich für etwas mehr Kontrast sorgen, und der Durch-/Überblick ist gesichert :cool:

Ich muß gestehen, dass ich vorhin das Bild nicht aus der Nähe angeschaut hatte.

Somit rücken nun eindeutig die float:left-Regeln, die nicht standardmäßig mit clear beendet werden, in den Fokus, dass unter der Tabelle der Hintergrund von #inhalt nicht fortgesetzt wird.

Diese im Netz weitverbreitete, schon unzählige Male in Chats/Foren behandelte Problematik, dürfte aber Dir alten Fuchs doch nicht neu sein? o_O

@Fabi3997 clearing floats
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben