När jag gör hemsidor så försöker jag att använda mig av CSS (boxar/divar)
för att få det att funka så lika som möjligt, i så många webbläsare som möjligt.
Vanligtvis när jag stöter på problem så är det faktiskt så att det är Internet
Explorer som ger problem, medans det alltid fungerar som det ska i andra läsare.
Och då brukar jag oftast kunna lösa problemet efterhand.
Nu är det dock helt tvärt om, och sidan fungerar helt som den ska i Internet
Explorer, Opera, Safari o.s.v. Dock blir det problem när man scrollar i Firefox
och i Chrome (Firefox är viktigast att åtgärda för).
Klicka gärna på "tjänster" i menyn, så ser ni problemet; bilden visas inte hela
vägen ner till botten, trots det att koden säger att den ska ligga 100%. Och
som sagt, det fungerar i alla andra läsare, i princip.
CSS-filen är validerad och godkänd. Så det är inget "fel" i CSS:en. Det kan
vara något värde eller något annat som är fel, eller kanske rent utav upplägget
på divar i själva html-filen?
Jag är grymt tacksam om jag kan få hjälp med detta. Har verkligen kört fast
och har ingen som helst aning om vad som kan vara fel. Det är ett viktigt
jobb för mig som jag måste få klart så snart som möjligt. Så all hjälp är välkommen.
Beror det på kodningen i CSS-filen? Beror det på kodningen i html-filen? Lägger
jag inte upp mina divar korrekt?
För det första, lägg alltid alla link och style taggar under <head> taggen annars klagas det på valideringen senare.
Som du sa att koden säger att den ska ligga 100%, och det gör den, om du går under "sidfönstret" så är det mer än 100% av rutan, eller hur ? Firefox läser height: 100%; som så stor fönstret är, dvs om du har en upplösning på 1280-1024 så är fönstret 1024 (minus några pxlar) alltså om sidan är högre ( eller längre) än 1024 så är den ju över 100%. Testa min-height: 100%; på hela sidan divven och sen så kör du koll på IE och sätter height: 100%; för jag tror inte IE klarar av min-height:
Lite krånglig förklaring jag vet, men hoppas att du förstår !
Jag har provat, och det blev väl... inte direkt bättre, utan snarare sämre. Koden funkar
i IE eftersom att jag har specificerat att den fortfarande ska ha height: 100% i IE. Men
i Firefox går bakgrunden inte ens 100%, vilket är väldigt konstigt. Det verkar som att den
bara upprepas en gång, av någon anledning.
Fortfarande kan jag tycka att den Div:en som alla andra Div:ar ligger i, bör anpassas
storleksmässigt efter hur stora dom andra Div:arna är, om värden inte skrivs in... Eller?
410 ms totalt · 4 externa anrop · v20260731065814-full.5386d3bf