Image scrollt niet IE

**Eduware Izekor** · 09-04-2006, 13:06

ben ik weer :) heb dus een website in elkaar gezet voor een klant hij vindt het ok enzo maar alleen moet de background image scrollen(werkt op mozilla maar niet in IE) en de e-mails moeten gehighlight worden.

me problem nu is hoe ik het laat scrollen in IE en als je de site in IE bekijkt zie je dat navlist the bottom border steeds verschijnt en verdwint.....

weet iemand wat er gaande is?

hopelijk is me code dit keer wel te lezen...

Bedankt voor het kijken!!

Eduware Izekor

**Bram Lodens** · 10-04-2006, 17:34

Normaal is het gewoon

Code:

 .divnaam {
background-attachment: scroll;
}

Maar als je fixed neemt dan doet hij dit indd niet in IE ... Ik zoek ff een oplossing

**Eduware Izekor** · 10-04-2006, 23:58

als ik scroll zet bewegt hij niet en fixed scrollt hij juist mee... heb ook gekeken bij w3school en daar werkt het gewoon dus het is heel weird....

**Jasper van der Meer** · 11-04-2006, 08:39

.divnaam {
background: url(image.jpg) top center no-repeat;
background-attachment: fixed;
}

Dit moet gewoon werken! :)

**Eduware Izekor** · 11-04-2006, 10:44

hij hoort het te doen dat is wat me nou en beetje boos maakt. maar hij doet het niet..misschien dat het aan me code ligt
.

btw ik heb het in een ID staan moet het in een class?

**Jasper van der Meer** · 11-04-2006, 13:57

dat maakt niets uit, als je het maar hetzelfde declareert in je CSS.

//EDIT

Heb je trouwens niet de achtergrond-image in een andere div staan als je tekst? Dan werkt het ook niet.

**Eduware Izekor** · 11-04-2006, 14:30

hij staat in hetzelfde Div als de tekst jah
#content-right
{
margin:5px 0 0 150px ;
padding:0 0 20px 0;
width:560px;
position:relative;
color:#655F4C;
background: url(africa.gif) top center no-repeat;
background-attachment: fixed;
background-position: 40% 80%;
}

**Jasper van der Meer** · 11-04-2006, 22:44

dat top center en 40% 80% is dubbelop. Eerst zeg je tegen de image dat ie boven in het midden moet gaan staan en vervolgens weer dat ie op 40% van de linker en 80% van de bovenkant moet gaan staan. Dat zou wel eens de fout kunnen zijn. Haal die laatste regel eens weg?

**Eduware Izekor** · 12-04-2006, 00:17

nee hij doet het niet hier is anders me hele css code

Code:

html
{
margin:0;
padding:0;
}

body{
background-color:#ffffff;
margin:0;
padding:0;
font:12px Arial;
color:#1C282F;
}
h1 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FF3300;   
    margin-top: 0px;
    text-align:left;
    }
h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 40px;
    color: #FF9966;   
    margin-bottom: 1px;
    text-align: center;
    }

h3 {
font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FF3300;   
    margin-top: 0px;
    text-align: center;
    }
    h4 
    {
font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FF3300;   
    margin-top: 0px;
    text-align: center;
    }
    
    h5 
    {
font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;   
    margin-top: 0px;
    text-align: left;
    }
    
    h6 
    {
font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #000000;   
    margin-top: 0px;
    }
    
    p {
    text-align: justify;
    
    }

#container
{
    width:714px;
}
#top
{
width:714px;
height:131px;
background: #ffff6f url(images/header.gif) no-repeat top left; 
}
#content
{
width:714px;
background: #ffffff url(images/content.jpg) repeat-y top left;
padding:3px 0 10px 0;
margin:0; 
text-align: left;
border-bottom: 10px solid #777777;
}


#content-left
{
position:relative;
float:left;
margin:7px 0 0 0;
padding:0;
width:131px;
display:inline;
}

#content-right
{
margin:5px 0 0 150px ;
padding:0 0 20px 0;
width:560px;
position:relative;
color:#655F4C;
background: url(africa.gif) top center no-repeat;
background-attachment: fixed;
}

ul.nav {
    list-style-type: none;
    margin-top: 0px;
}
li.nav {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
}

a {
    color: #000000;
    text-decoration: none;
    font-family: Helvetica, sans-serif;
    font-size: 10px;
    cursor: pointer;

**Jasper van der Meer** · 12-04-2006, 07:22

Eduware ik kom net ergens achter:

http://techpatterns.com/forums/about479.html

Sorry, maar het kan gewoon niet in IE, zonder niet-valide code...

**Eduware Izekor** · 12-04-2006, 09:01

nou das heel jammer dan zal ik wat anders proberen..of ik laat het gewoon zo.

heel erg bedank hoor voor je hulp!

Edit: het is me gelukt het in de body tag van css te zetten nu werkt het, maar alleen niet waar ik het wou.....hopelijk vindt de opdrachtgever het mooi :)

thx once more!

Eduware Izekor

**Jasper van der Meer** · 13-04-2006, 12:23

dan doe je je achtergrond image ergens anders plaatsen:

background: url(plaatje.gif) center center no-repeat;

**Tom V** · 14-04-2006, 14:51

Reeds opgelost?
Anders eens openen in Frontpage en daar eens in proberen een balk in te voeren.

of je teksten korter maken en zetten:
ga door naar P. 2

**Bram Lodens** · 14-04-2006, 16:15

Ik zou Frontpage hier buiten laten hoor ;)

**Dirk Bonhomme** · 14-04-2006, 16:17

http://pacwa.bytelogic.be dus... (zie ander topic hierover)

Image scrollt niet IE