Zum Inhalt springen

CSS Hintergrundgrafik repeat nicht zum ende der Seite

problemhans

Von problemhans
in Webdesign

 Teilen

Empfohlene Beiträge

problemhans

problemhans

Geschrieben
Geschrieben

Hi,

vielleicht könnt ihr mir weiter helfen suche schon länger vergeblich nach einer Lösung.

Das Problem:

Die Hintergrundgrafik die sich über die ganze zentrierte Seite nach untenhin erstrecken soll wird nur etwa 100px(repeat-y) repeatet. Jedoch habe ich dieses Problem nur im Firefox und IE8.

Im IE7 und man staune sogar im IE6!!! funktioniert es.

Habe schon viel ausprobiert mit height, min-height usw.

Hier Ausschnitte meines CSS:

body{

padding: 0 0 0 0;

margin: 0 0 0 0;

background-color : #EDEFF2;

font-family: Tahoma,arial;

font-size: 11px;

color: #393939;

}

div#all{

background-image:url(../img/test/hintergrund.png);

background-repeat:repeat-y;

width: 1018px;

text-align: left;

margin: 0px auto;

}

div#main{

width: 960px;

margin-top: 0;

margin-left: 29px;

margin-right: 29px;

}

So sieht der Aufbau der Seite aus:

<body>

<div id="all">

<div id="main">

<div class=â€irgendwasâ€>

content content content

</div>

</div>

</div>

<body>

Benutze Firebug und dieser zeigt mir bei allen divs (all,main und irgendwas) und beim body die gleiche Größe von etwa 100px an.

Die Seite ist sonst ganz normal aufgebaut außer dass die Hintergrundgrafik

ab einer bestimmten Stelle nicht mehr repeatet wird.

Wichtig!!:Schreibe ich in die div#all id ein float:left; rein wird die Hintergrundgrafik bis nach unten repeatet aber die Seite ist dann nicht mehr mittig(muss aber mittig sein).

Danke im voraus

Link zu diesem Kommentar
Auf anderen Seiten teilen
Philipp_John

Philipp_John

Geschrieben
Geschrieben (bearbeitet)

Divs werden nur so groß wie der Inhalt angezeigt, d.h. dein content sollte zu klein sein.

mach mal z.B.: height:800px rein, aber beim Hauptdiv nicht %, denn das funzt nur in den inneren, war zumindest bei mir immer der fall.^^


<div style="width:1000px; height:800px;">

  <div style="width:1000px; height:100%;">

    content content content

  </div>

</div

mfg

John

Bearbeitet von Philipp_John
Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

×
 Teilen
Zur Themenübersicht

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Links

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...