firefox scrollen staan de foto's stil ????

[mapi]

/***********************************************/

/* emx_nav_left.css */

/* Use with template Halo_leftNav.html */

/***********************************************/

 

/***********************************************/

/* HTML tag styles */

/***********************************************/

body{

font-family: Arial,sans-serif;

color: #333333;

line-height: 1.166;

margin: 0px;

padding: 0px;

background: #cccccc url(bg_grad.jpg) fixed;

}

 

/******* hyperlink and anchor tag styles *******/

 

a:link, a:visited{

color: #005FA9;

text-decoration: none;

}

 

a:hover{

text-decoration: underline;

}

 

/************** header tag styles **************/

 

h1{

font: bold 120% Arial,sans-serif;

color: #334d55;

margin: 0px;

padding: 0px;

}

 

h2{

font: bold 114% Arial,sans-serif;

color: #006699;

margin: 0px;

padding: 0px;

}

 

h3{

font: bold 100% Arial,sans-serif;

color: #334d55;

margin: 0px;

padding: 0px;

}

 

h4{

font: 100% Arial,sans-serif;

color: #333333;

margin: 0px;

padding: 0px;

}

 

h5{

font: 100% Arial,sans-serif;

color: #334d55;

margin: 0px;

padding: 0px;

}

 

 

/*************** list tag styles ***************/

 

ul{

list-style-type: square;

}

 

ul ul{

list-style-type: disc;

}

 

ul ul ul{

list-style-type: none;

}

 

/********* form and related tag styles *********/

 

form {

margin: 0;

padding: 0;

}

 

label{

font: bold 1em Arial,sans-serif;

color: #334d55;

}

 

input{

font-family: Arial,sans-serif;

}

 

/***********************************************/

/* Layout Divs */

/***********************************************/

#pagecell1{

position:absolute;

top: 87px;

left: 26px;

right: 2%;

width:95.6%;

background-color: #ffffff;

visibility: visible;

height: 1113px;

}

 

#tl {

position:absolute;

top: -1px;

left: -1px;

margin: 0px;

padding: 0px;

z-index: 100;

visibility: visible;

}

 

#tr {

position:absolute;

top: -1px;

right: -1px;

margin: 0px;

padding: 0px;

z-index: 100;

visibility: visible;

}

 

#masthead{

position: absolute;

top: 3px;

left: 2%;

right: 2%;

width:95.6%;

visibility: visible;

 

}

 

#pageNav{

float: left;

width:178px;

padding: 0px;

background-color: #F5f7f7;

border-right: 1px solid #cccccc;

border-bottom: 1px solid #cccccc;

font: small Verdana,sans-serif;

}

 

#content{

padding: 0px 10px 0px 0px;

margin:0px 0px 0px 178px;

border-left: 1px solid #ccd2d2;

}

 

 

/***********************************************/

/* Component Divs */

/***********************************************/

#siteName{

margin: 0px;

padding: 16px 0px 8px 0px;

color: #ffffff;

font-weight: normal;

}

 

/************** utility styles *****************/

 

#utility{

font: 75% Verdana,sans-serif;

position: absolute;

top: 16px;

right: 0px;

color: #919999;

}

 

#utility a{

color: #ffffff;

}

 

#utility a:hover{

text-decoration: underline;

}

 

/************** pageName styles ****************/

 

#pageName{

padding: 0px 0px 14px 10px;

margin: 0px;

border-bottom:1px solid #ccd2d2;

}

 

#pageName h2{

font: bold 175% Arial,sans-serif;

color: #0033CC;

margin:0px;

padding: 0px;

}

 

#pageName img{

position: absolute;

top: 0px;

right: 6px;

padding: 0px;

margin: 0px;

}

 

/************* globalNav styles ****************/

 

#globalNav{

position: relative;

width: 95,6;

min-width: 400px;

height: 32px;

color: #003399;

padding: 0px;

margin: 0px;

background-image: url(glbnav_background.gif);

}

 

#globalNav img{

margin-bottom: -4px;

 

}

 

#gnl {

position: absolute;

top: -1px;

left:1px;

visibility: visible;

}

 

#gnr {

position: absolute;

top: 0px;

right:0px;

visibility: visible;

}

 

#globalLink{

position: absolute;

top: 6px;

height: 22px;

min-width: 640px;

padding: 0px;

margin: 0px;

left: 10px;

z-index: 100;

}

 

 

a.glink, a.glink:visited{

font-size: small;

color: #000000;

font-weight: bold;

margin: 0px;

padding: 2px 5px 4px 5px;

border-right: 1px solid #8FB8BC;

}

 

a.glink:hover{

background-image: url(glblnav_selected.gif);

text-decoration: none;

}

 

.skipLinks {display: none;}

 

/************ subglobalNav styles **************/

 

.subglobalNav{

position: absolute;

top: 84px;

left: 0px;

/*width: 100%;*/

min-width: 640px;

height: 20px;

padding: 0px 0px 0px 10px;

visibility: hidden;

color: #ffffff;

}

 

.subglobalNav a:link, .subglobalNav a:visited {

font-size: 80%;

color: #ffffff;

}

 

.subglobalNav a:hover{

color: #cccccc;

}

 

/*************** search styles *****************/

 

#search{

position: absolute;

top: 5px;

right: 10px;

z-index: 101;

}

 

#search input{

font-size: 70%;

margin: 0px 0px 0px 10px;

}

 

#search a:link, #search a:visited {

font-size: 80%;

font-weight: bold;

 

}

 

#search a:hover{

margin: 0px;

}

 

 

/************* breadCrumb styles ***************/

 

#breadCrumb{

padding: 5px 0px 5px 10px;

font: small Verdana,sans-serif;

color: #AAAAAA;

}

 

#breadCrumb a{

color: #AAAAAA;

}

 

#breadCrumb a:hover{

color: #005FA9;

text-decoration: underline;

}

 

 

/************** feature styles *****************/

 

.feature{

padding: 0px 0px 10px 10px;

font-size: 80%;

min-height: 200px;

height: 0px;

border: red;

visibility: visible;

border-color: #FF0000;

}

html>body .feature {

height: 10.188in;

width: 805px;

position: fixed;

background-repeat:no-repeat;

background-attachment:fixed;

}

 

.feature h3{

font: bold 100% Arial,sans-serif;

color: #0000FF;

padding: 30px 0px 5px 0px;

}

 

.feature img{

padding: 0px 10px 0px 0px;

background-attachment:fixed;

background-repeat:repeat;

}

 

 

/*************** story styles ******************/

 

.story {

padding: 10px 0px 0px 10px;

font-size: 100%;

}

 

.story h3{

font: bold 100% Arial,sans-serif;

color: #0066CC;

}

 

.story p {

padding: 0px 0px 10px 0px;

}

 

.story a.capsule{

font: bold 1em Arial,sans-serif;

color: #005FA9;

display:block;

padding-bottom: 5px;

}

 

.story a.capsule:hover{

text-decoration: underline;

}

 

td.storyLeft{

padding-right: 12px;

}

 

 

/************** siteInfo styles ****************/

 

#siteInfo{

clear: both;

border-top: 1px solid #cccccc;

font-size: small;

color: #3399FF;

padding: 10px 10px 10px 10px;

margin-top: 0px;

}

 

#siteInfo img{

padding: 4px 4px 4px 0px;

vertical-align: middle;

}

 

 

/************ sectionLinks styles **************/

 

#sectionLinks{

margin: 0px;

padding: 0px;

 

}

 

#sectionLinks h3{

padding: 10px 0px 2px 10px;

border-bottom: 1px solid #cccccc;

}

 

#sectionLinks a:link, #sectionLinks a:visited {

display: block;

border-top: 1px solid #ffffff;

border-bottom: 1px solid #cccccc;

background-image: url(bg_nav.jpg);

font-weight: bold;

padding: 3px 0px 3px 10px;

color: #21536A;

}

 

#sectionLinks a:hover{

border-top: 1px solid #cccccc;

background-color: #DDEEFF;

background-image: none;

font-weight: bold;

text-decoration: none;

}

 

 

/************* relatedLinks styles **************/

 

.relatedLinks{

margin: 0px;

padding: 0px 0px 10px 10px;

border-bottom: 1px solid #cccccc;

}

 

.relatedLinks h3{

padding: 10px 0px 2px 0px;

}

 

.relatedLinks a{

display: block;

}

 

 

/**************** advert styles *****************/

 

#advert{

padding: 10px;

}

 

#advert img{

display: block;

}

 

/********************* end **********************/

[mapi]

.feature img{

padding: 0px 10px 0px 0px;

background-attachment:fixed;

background-repeat:repeat;

 

dit betreft de foto die ook blijft staan

[Gast]

Citaat:

/************** feature styles *****************/ .feature{ padding: 0px 0px 10px 10px; font-size: 80%; min-height: 200px; height: 0px; border: red; visibility: visible; border-color: #FF0000; } html>body .feature { [color:"red"] ??? html>body ??? Wat is dit ??? [/color] height: 10.188in; width: 805px; position: fixed; background-repeat:no-repeat; background-attachment:fixed; }

Ik neem aan dat je cut&paste hebt gedaan. Dus is er dus iets fout in je stylesheet. Pas dat eens aan. Dat zou nog wel eens voldoende kunnen zijn voor sommige versies/browsers om ze raar te laten reageren.

[mapi]

hebbes :

 

in externe css sheet :

}

html>body .feature {

height: 10.188in;

width: 805px;

position: absolute; ------------stond op fixed !!!!!!!!!!

background-repeat:no-repeat;

background-attachment:fixed; <img src="/forums/images/graemlins/xyxthumbs.gif" alt="" />