Tags:
html
css
Jeg har en side med en centreret body på 780px. På denne side har jeg en topbanner/menu samt en indholdsdel der er delt op i 2 på henh. 250px og 500px
Jeg vil dele indholdsdelen vha. et baggrundsbillede og har lavet følgende css
#content
{
width: 100%;
background-image: url(/shared/design/images/bgImg.gif);
background-color: #ffffff;
background-attachment: fixed;
background-repeat: repeat-y;
background-position: 300px 5px;
float: left;
clear: both;
margin-top: 5px;
margin-bottom: 5px;
}
IE viser fint baggrundsbilledet 300px inde i indholdsdelen hvorimod mozilla viser baggrundsdelen 300px til højre fra skærmkant ?
Hvad gør jeg galt.
Min body/html css er som følger
html
{
width: 100%;
height: 100%;
background-color: #eee8aa;
}
body
{
width: 780px;
margin: 0px auto 0px auto;
font-size: small;
font-family: Verdana, Arial, Sans-Serif;
background-color: #ffffff;
}
Det fremgår ikke helt, hvad dit spørgsmål egentligt er, men hvis det er om IE vs. firefox, bliver du nødt til at lave et såkaldt hack i css'en, da IE ikke overholder den rigtige standard..
Du lader din nuværende css være, men tilføjer under, hvad der måtte være nødvendigt f.eks. "html>body #content". Og så css'en du vil bruge i firefox.. IE overser denne, hvilket firefox ikke gør.. Derfor vælger den, den sidste definition af boksen..
Håber det er forståeligt.