Black Friday = Pricewatch Bekijk onze selectie van de beste Black Friday-deals en voorkom een miskoop.

CSS Background probleem

Pagina: 1
Acties:

  • dijklarg
  • Registratie: November 2007
  • Laatst online: 04-05-2021
Ik heb iets raars.. Ik heb op mijn pagina, een mooi achtregrond en informatie uit de databse...

Op een gegeven moment loop dat data uit beeld naar onderen... maar als ik dan naar beneden scrol, dan blijft het achtergrondje bovenin steken. (als ware houdt hij de hoogte aan van de browser bij het openen van de pagina)

In explorer werkt het goed maar in safarie e.d. niet. en ik wil wel graag dat het overal klopt...
(http://www.harmdijkman.nl/index2.php)

Ik heb de pagina al zover mogelijk uigekleed en dit is de code:

de PHP FILE

HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div id="Buitenkant"> 
    <div id="Binnenkant"> 
        <div id="Content"> 
               <?php 
                $paginas = array("gastenboek","info","link","item2"); 
                if(isset($_GET['pagina']) && in_array($_GET['pagina'],$paginas)) 
                { 
                  include($_GET['pagina'] . ".php"); 
                } else { 
                include("item2.php"); 
                } 
                ?> 
        </div> 
    </div> 
</div>

DE CSS
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
body, html { 
height:100%; 
margin:0; 
padding:0; 
} 
body { 
    font-family: Arial, Helvetica, sans-serif; 
    background-color: #000000; 
    font-size: 11px; 
    color: #FFFFFF; 
} 
#Buitenkant { 
    background-color:#3F1364; 
    background-image:url(../images/Site_BG.jpg); 
    background-repeat:repeat-y; 
    height:auto !important; 
    margin-left:auto; 
    margin-right:auto; 
    min-height:100%; 
    width:1016px; 
} 
#Binnenkant { 
    background-image:url(../images/Site_BG.jpg); 
    background-position:center; 
    background-repeat:repeat-y; 
    height:100%; 
    } 
#Content { 
    FONT-SIZE: 12px; 
    FLOAT: left; 
    WIDTH: 510px; 
    FONT-FAMILY: "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, Ssans-serif; 
}

  • BCC
  • Registratie: Juli 2000
  • Laatst online: 09:44

BCC

Doordat de items in je content floaten, zweven ze boven je binnekant div, die daardoor niet uitgerekt wordt.
Voeg onder je content Div een <div style="clear:both"> </div> toe en het is opgelost.

Na betaling van een licentievergoeding van €1.000 verkrijgen bedrijven het recht om deze post te gebruiken voor het trainen van artificiële intelligentiesystemen.


  • dijklarg
  • Registratie: November 2007
  • Laatst online: 04-05-2021
meen je dat?

Is floaten eigen wel handig dan?

  • dijklarg
  • Registratie: November 2007
  • Laatst online: 04-05-2021
Nee, maakt niet uit... explorer maakt er geen probleem van... firefox wel

Modbreak:Niet kicken binnen 24 uur ;)

[ Voor 26% gewijzigd door André op 15-09-2008 09:41 ]


  • dijklarg
  • Registratie: November 2007
  • Laatst online: 04-05-2021
Haal ik de float weg, dan komt alles wel goed... MOet ik hem dus opbouwen zonder float?

  • BCC
  • Registratie: Juli 2000
  • Laatst online: 09:44

BCC

Dat moet je zelf weten :).

Na betaling van een licentievergoeding van €1.000 verkrijgen bedrijven het recht om deze post te gebruiken voor het trainen van artificiële intelligentiesystemen.


Verwijderd

Floats zijn meestal wel lastig omdat ze dus niet meer in de normale 'flow' van het document zitten. Dit kun je echter verhelpen door onder je floats een element met "clear : both" te zetten, bijvoorbeeld een <br>
Pagina: 1