webForumDet fria alternativet

Problem i FF (!) med bakgrund

10 svar · 528 visningar · startad av clovec

clovecMedlem sedan dec. 200574 inlägg
#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
#2

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

clovecMedlem sedan dec. 200574 inlägg
#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
#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
#5

http://82.196.119.203/gustafss/

där har ni länk!

Hittar ni inget ? :(

jarvkloMedlem sedan juli 20013 378 inlägg
#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
#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
#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
#9

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

clovecMedlem sedan dec. 200574 inlägg
#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
#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 ;)

130 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)