Zum Inhalt springen
View in the app

A better way to browse. Learn more.
Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Themen

CSS Hintergrundgrafik repeat nicht zum ende der Seite

Gast problemhans
Gast problemhans
in Webdesign

Empfohlene Antworten

Veröffentlicht

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

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

Das dachte ich auch aber leider ist dies nicht der Fall.

Es ist eigentlich genug Content da und dieser Content variiert auch.

Daher kann ich dem div auch keine feste Größe geben.

Dann müsste ich dem hauptdiv eine Größe von 100% geben, da der Inhalt ja variabel ist.

Das hatte ich aber schon getesten leider ohne Erfolg. Es wundert mich auch das es funktioniert, wenn ich dem hauptdiv ein float:left verpasse.

Leider hilft mir das nicht weiter.Habe einiges mit Höhenangaben durchprobiert.

Und wie gesagt im IE6 und IE7 ist alles in Ordnung nur Firefox macht Probleme.

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Zur Themenliste gehen

Configure browser push notifications
Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.