Bugger løst - Kritikk ønskes

[alex100]

Heisann.

 

Jeg har så smått begynt på en ny side, men sliter med en del bugger. Jeg har for det meste bare testet i Firefox og IE.

 

1: "Owls" og "Site", som er de eneste menyvalgene som utvides, står litt høyere enn de andre (ikke-utvidende menyvalgene). Tydeligvis en liten feil i CSS'en, men finner ikke den.

Gjelder: Begge browsere.

Status: LØST.

 

2: Det virker som alt under menyen blir forskjøvet nedover, og dermed dukker litt av bakgrunnen fram. Dere kan se det samme "dukker frem" under kolonnen til høyre. Se her: http://home.no.net/owlsonly/swfcsite/temp/error2.jpg

Gjelder: Firefox.

Status: LØST. Takk, mohuhau.

 

3: Footeren følger ikke siden hele veien ned. http://home.no.net/owlsonly/swfcsite/temp/error3.jpg

Gjelder: Firefox.

Status: LØST. Takk, Loomy.

 

4: Jeg kan ikke legge inn padding på verken "right" eller "left". Da forskyver det seg, og left blir forflyttet under alt sammen i stedet.

Gjelder: Begge.

Status: LØST. Takk Ingardj og Loomy.

 

5: Har fått en ny bug da jeg (prøvde) fikset problem 2.

I IE så tvider hele div'en når menyen skal utvide seg. Dette skjer ikke i IE. Typisk IE

Forskjellen jeg har gjort er å gjøre Owls og Site om til lenker slik at de er likestilt med de andre, og slik de får en mouseover effekt.

I Firefox: http://home.no.net/owlsonly/swfcsite/temp/error5_1.jpg

I IE: http://home.no.net/owlsonly/swfcsite/temp/error5_2.jpg

Status: LØST.

 

 

EDIT: Nå som jeg har fått fikset mesteparten av buggene til nå, ønsker jeg kritikk på selvet siden i stedet

Hva bør forbedres/droppes osv? Duger designet?

 

Siden er her: http://home.no.net/owlsonly/swfcsite/index.html

Endret 15. januar 2005 av alex100

[Loomy]

Du har glemt en # foran 'footer' i CSSen

[alex100]

Et problem til:

4: Jeg kan ikke legge inn padding på verken "right" eller "left". Da forskyver det seg, og left blir forflyttet under alt sammen i stedet.

Gjelder: Begge.

[potetskrell]

Et problem til:

4: Jeg kan ikke legge inn padding på verken "right" eller "left". Da forskyver det seg, og left blir forflyttet under alt sammen i stedet.

Gjelder: Begge.

#left p {

padding-left: 4px;

}

[Loomy]

Padding og denslags blir lagt til elementets totale bredde, derfor må du senke width-verdien med tilsvarende mengde padding.

Eksempel:

width:100px;

padding:5px;

..gir en total bredde på 110px.

 

EDIT: Oioi, 3333 innlegg! Dette må feires med en.. julebrus!

Endret 15. januar 2005 av Loomy

[potetskrell]

Padding og denslags blir lagt til elementets totale bredde, derfor må du senke width-verdien med tilsvarende mengde padding.

Eksempel:

width:100px;

padding:5px;

..gir en total bredde på 110px.

 

EDIT: Oioi, 3333 innlegg! Dette må feires med en.. julebrus!

Ikke i følge mine kalkulasjoner.

[Loomy]

Ikke i følge mine kalkulasjoner.

høh? De to div'ene du har der er jo identiske. Legg til padding:5px; på en av de, og se om den blir bredere, du

[Haraldson]

P er et blokkelement, og tar sådan 100% av bredden til foreldreelementet. Dermed er det et helt unyttig eksperiment du viser til, Ingardj, siden ingen av p-ene har bredde definert.

 

Edit: La til noe slik at det ble enklere å forstå.

Edit²: De har jo heller ikke noe som indikerer bredden, f.eks. en rød border på hver side. P-ene altså.

Endret 15. januar 2005 av Mr.Berg

[potetskrell]

Ikke i følge mine kalkulasjoner.

høh? De to div'ene du har der er jo identiske. Legg til padding:5px; på en av de, og se om den blir bredere, du

Ja, da har du noe feil med nettleseren din.

 

Edit: har har fått det til nå. Men vet ikke om jeg og han to over helt tenker på samme tingen.

 

Man kan jo legge på så mye padding man vil uten at divven blir bredere, eller noe som helst.

Endret 15. januar 2005 av Ingardj

[Arve Systad]

Tull, Ingardj.

 

Total bredde(forbruk) på et element=

Padding+Margin+Border+Width

 

edit: du har lagt paddingen på P elementa inni DIV-elementa. Selfølgelig skal ikkje DIV utvide seg etter padding på element inni!

Endret 15. januar 2005 av arve87

[Haraldson]

Divene er helt identiske, med unntak av at en av dem har margin-bottom, som jo ikke har noe å si for bredden av elementet.

 

Her blir vi ikke lei av å være påståelige nei.

 

Edit: Ingardj: Les hva jeg skriver da. Når diven har definert bredde funker det ikke lenger, fordi det er et blokkelement som automatisk tar opp 100% av bredden til foreldreelementet. Og bredden trenger dermed ikke å defineres.

 

Men dette hjelper vel ikke trådstarter noe. Hvor er streken til jorgis? Uansett:

---------------------------------------------------------------------------------------------------------

Endret 15. januar 2005 av Mr.Berg

[potetskrell]

Divene er helt identiske, med unntak av at en av dem har margin-bottom, som jo ikke har noe å si for bredden av elementet.

 

Her blir vi ikke lei av å være påståelige nei.

 

Edit: Ingardj: Les hva jeg skriver da. Når diven har definert bredde funker det ikke lenger, fordi det er et blokkelement som automatisk tar opp 100% av bredden til foreldreelementet. Og bredden trenger dermed ikke å defineres.

 

Men dette hjelper vel ikke trådstarter noe. Hvor er streken til jorgis? Uansett:

---------------------------------------------------------------------------------------------------------

Gir meg gjerne på denne hvis dere har rett.

 

Men til meg ser det noe slik ut: Ser du ikke forkjell i det hele tatt? Trodde vi snakket om padding jeg.

 

 

Edit: ok

Endret 15. januar 2005 av Ingardj

[Haraldson]

Ja, det du sier der Ingardj er faktisk løsningen, jeg som ble litt opphengt i å forklare boksmodellen og blokkelementer. Men det er bedre å bruke margin på p da, ikke padding.

 

Med mindre alex100 må ha divene til å ha «skikkelig» avstand til hverandre av en eller annen grunn, så er det bare å jukse og sette margin på p-ene i de aktuelle divene.

[alex100]

Folkens

 

Dette funket pefekt:

#left p{
margin:5px 5px 5px 8px;
}

 

Dere kan sjekke selv: http://home.no.net/owlsonly/swfcsite/index.html

 

Men nå trenger jeg hjelp med spesielt problem nr. 2:

 

2: Det virker som alt under menyen blir forskjøvet nedover, og dermed dukker litt av bakgrunnen fram. Dere kan se det samme "dukker frem" under kolonnen til høyre. Se her: http://home.no.net/owlsonly/swfcsite/temp/error2.jpg

Gjelder: Firefox.

Endret 15. januar 2005 av alex100

[potetskrell]

(...)

Told you so

 

Sorry *ser på problem 2 en gang til*

Endret 15. januar 2005 av Ingardj

[mohuhau]

Men nå trenger jeg hjelp med spesielt problem nr. 2:

 

2: Det virker som alt under menyen blir forskjøvet nedover, og dermed dukker litt av bakgrunnen fram. Dere kan se det samme "dukker frem" under kolonnen til høyre. Se her: http://home.no.net/owlsonly/swfcsite/temp/error2.jpg

Gjelder: Firefox.

Dette kommer av marginen du har satt på #nav, #nav ul. Der har du to linjer med

margin: 0 0 1em 0;

Dersom du fjerner begge disse skal det bli rett.

[Loomy]

Dette funket pefekt:

#left p{
margin:5px 5px 5px 8px;
}

Funker om bare juling det, men husk at det faktisk finnes andre elementer enn paragrafer, og de vil ikke få noe margin

 

Ang. 2ern: Hvis du legger til margin-top:-13px på høyre- og venstrekolonnen er i hvertfall problemet løst i Firefox

 

 

EDIT: Eller bare gøjr som mohuhau foreslo

Endret 15. januar 2005 av Loomy

[alex100]

Jepp. Funket Kjemptakk til mohuhau.

 

 

5: Har fått en ny bug da jeg (prøvde) fikset problem 2.

I IE så tvider hele div'en når menyen skal utvide seg. Dette skjer ikke i IE. Typisk IE

 

Forskjellen jeg har gjort er å gjøre Owls og Site om til lenker slik at de er likestilt med de andre, og slik de får en mouseover effekt.

 

I Firefox: http://home.no.net/owlsonly/swfcsite/temp/error5_1.jpg

I IE: http://home.no.net/owlsonly/swfcsite/temp/error5_2.jpg

[Haraldson]

I IE så utvider hele div'en når menyen skal utvide seg. Dette skjer ikke i IE. Typisk IE

Høh?

[alex100]

I IE så utvider hele div'en når menyen skal utvide seg. Dette skjer ikke i IE. Typisk IE

Høh?

Skriveleif

 

I IE blir menyen utvidet i selve "meny" diven, og ikke oppå de andre div'ene (slik som det skal).

 

Bildene sier mer enn jeg kan forklare:

I Firefox: http://home.no.net/owlsonly/swfcsite/temp/error5_1.jpg

I IE: http://home.no.net/owlsonly/swfcsite/temp/error5_2.jpg

 

Edit: Fikset det selv

Endret 15. januar 2005 av alex100