Problem i FF (!) med bakgrund

10 svar · 528 visningar · startad av clovec 26 dec. 2008

clovecMedlem sedan dec. 200574 inlägg

Frågan26 dec. 2008 18:19#1

Hejsan..

Denna kodsnutt fungerar i IE men inte FF och dom andra BRA webbläsarna.

#wrapper {    
    clear: both;    
    margin-left: auto;
    margin-right: auto;
    width: 1050px;
    background-image: url("../images/bgg.jpg");
    background-repeat: repeat;
 }   
#wrap {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 875px;
     }

Min kund vill ha en bakgrundsbild som sträcker sig ca 100px utanför själva sid wrappern. Denna div är "wrapper" som skall omsluta "wrap", dvs att bakgrundsbilden inte går längre än 100px utanför "sid wrappern". Svårt att formulera. Använder den såhär.

<div id="wrapper">
     <div id="wrap">
     </div>
</div>

Varför är det så ?

GislavedMedlem sedan nov. 20041 740 inlägg

26 dec. 2008 22:27#2

Du har glömt ett semikolon efter width: 1050px

clovecMedlem sedan dec. 200574 inlägg

27 dec. 2008 10:04#3

jo ja har skrivit det, jag skrev bara av min css kod, glömde lägga dit den. Men problemet kvarstår.

jarvkloMedlem sedan juli 20013 378 inlägg

27 dec. 2008 10:11#4

Hmm...

Då är det mest troligt något annat i koden som påverkar...

Har du en länk till den kompletta sidan (eller möjlighet att lägga upp den i "Mina filer" här på wF? ) så att man kan undersöka alla detaljer?

clovecMedlem sedan dec. 200574 inlägg

27 dec. 2008 10:32#5

http://82.196.119.203/gustafss/

där har ni länk!

Hittar ni inget ? :(

jarvkloMedlem sedan juli 20013 378 inlägg

27 dec. 2008 12:48#6

Hmm...

Din kod har bland annat en komplett HTML-sida (med <!DOCTYPE och "allt") inuti en <div> - så du har förmodligen råkat ut för skillnader i felhanteringen mellan MSIE och "resten"...

Fixa din inkludering så att den inte lägger in en komplett sida så fixar sig säkert resten också skulle jag tro :bire

hltmMedlem sedan nov. 2004438 inlägg

27 dec. 2008 12:53#7

Prova att lägga till en float:left; på din #wrapper - det verkar iaf funka i min FF2
:)

clovecMedlem sedan dec. 200574 inlägg

27 dec. 2008 12:59#8

jo då kom tapeten fram, men den sidan hamnar inte i mitten då, float tar väll bort clear: both ?

clovecMedlem sedan dec. 200574 inlägg

27 dec. 2008 13:01#9

jarvklo, tyvärr så fungerade inte ditt försök :(

clovecMedlem sedan dec. 200574 inlägg

27 dec. 2008 14:02#10

löste det själv satte

clear: both;
margin-left: auto;
margin-right: auto;
width: 1050px;

i body taggen då gick det !

jarvkloMedlem sedan juli 20013 378 inlägg

27 dec. 2008 16:49#11

Vad bra, men jag tror på något sätt ändå att det varit lättare för dig att lösa om du börjat med att validera din XHTML-kod...
Du har bland annat fortfarande element med HTML-syntax som borde varit skrivna i XHTML (som du anger i din <!DOCTYPE ) - och det är en av de saker som kan ställa till det i "de bättre" webbläsarna... ;)

Särskilt som det alltså inte var något som helst formellt fel på koden du gav oss till att börja med, utöver det där semikolonet då förståss ;)