webForumDet fria alternativet

CSS-problem.

3 svar · 323 visningar · startad av Hexenhammer

HexenhammerMedlem sedan jan. 20097 inlägg
#1

Hej hej.

Första tråden då... kul, kul. Det gäller hur som helst denna hemsida:
www.planetsalign.net/smc

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?

Som sagt... all hjälp är välkommen.

Tack på förhand.

clovecMedlem sedan dec. 2005127 inlägg
#2

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 !

HexenhammerMedlem sedan jan. 20097 inlägg
#3

Ok. Provade att lägga allt det i head:en, men det gjorde ingen skillnad i det här fallet.
Jag lägger in det där hur eller hur, då.

Okej. Jag provar det. Återkommer sedan med hur det blev... Tack så mycket!

HexenhammerMedlem sedan jan. 20097 inlägg
#4

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?

126 ms totalt · 3 externa anrop · cache AV · v20260731051352-full.56cc9887
0 ms — hämta statistik (cache)
0 ms — hämta forumlista (cache)
124 ms — hämta tråd, inlägg och bilagor (db)