Nettsted - hjelp til ryddig og riktig kode

[Gjest Slettet+9817234daf]

Holder på med et nettsted for tiden, men pga mine begrensede kodeegenskaper, så har jeg bare tatt utgangspunkt i en kode som opprinnelig var til en annen side (som selvsagt var min).

 

Link

 

Det jeg trenger hjelp til er egentlig å få den til å se lik ut i IE som i FF. Hvordan den ser ut i Opera vet jeg ikke, men det finner jeg fort ut antar jeg. Akkurat nå ser den ganske skeiv ut i IE og jeg vet ikke helt hvordan jeg skal fikse det. Noen tips?

[shizz kebab]

Skeiv i IE? Ser ingen forskjell jeg.

[Gjest Slettet+9817234daf]

Slik ser den ut i Firefox og slik ser den ut i IE.

 

Setter vanvittig pris på hjelp.

[arthoz]

Bare nevne at den ser bra ut i Opera (9) også

 

Prøvd å sette height på a/li i menyen for å se om det hjelper i IE med at den er for stor?

 

Ser også ut som du har fiksa det at deler av bakgrunnen ble borte, men header i IE må dyttes 1px til venstre.

 

Test med !important på padding/margin for menyen som stikker for langt ut til høyre.

[Fisk1]

Du kan også la W3C hjelpe deg, de har en validator du kan finne HER!

 

 

Så da er det bare å sette i gang og rette. ;P

[arthoz]

Du kan også la W3C hjelpe deg, de har en validator du kan finne HER!

 

 

Så da er det bare å sette i gang og rette. ;P

6483705[/snapback]

 

Selv om koden validerer betyr det ikke at den vises likt/riktig i alle browsere.

[Gjest Slettet+9817234daf]

Prøvd å sette height på a/li i menyen for å se om det hjelper i IE med at den er for stor?

 

Ser også ut som du har fiksa det at deler av bakgrunnen ble borte, men header i IE må dyttes 1px til venstre.

 

Test med !important på padding/margin for menyen som stikker for langt ut til høyre.

6482044[/snapback]

 

Jeg fikk ikke til noe forandring. Vet ikke om jeg gjorde riktig. Bakgrunnsbildet nederst er for mye til venstre og menyen er for mye til høyre i tillegg til at boksene er for store. Kan være jeg ikke gjorde riktig.

[haugsand]

Du kan også la W3C hjelpe deg, de har en validator du kan finne HER!

 

 

Så da er det bare å sette i gang og rette. ;P

6483705[/snapback]

 

Selv om koden validerer betyr det ikke at den vises likt/riktig i alle browsere.

6483871[/snapback]

Ikke nødvendigvis, men det kan ofte signalisere hva som er galt

Det første man bør gjøre om det oppstår en bug, er å bruke validatoren.

[Gjest Slettet+9817234daf]

Skjønte fint lite av valideringen.

[haugsand]

Skjønte fint lite av valideringen.

6484037[/snapback]

Error  Line 61 column 10: there is no attribute "ALIGN".

 

<p align="left"><a href="#"><img src="bilde.gif" alt="frame" width="150" height

Vil si at du bruker en attributt som ikke er gyldig. Du er nødt til å bruke den tilsvarende CSS-egenskapen i stedet.

[Gjest Slettet+9817234daf]

Hvis jeg fjerner den uvaliderte koden, vil siden se helt annerledes ut da eller ligger alt jeg trenger i CSS-filen?

 

Edit: This Page Is Valid HTML 4.01 Strict!

 

Da var siden validert, men det har egentlig ikke fikset problemet. Nå trenger jeg hjelp til å få siden til å se lik ut i IE som i FF og Opera. Er uendelig takknemlig for hjelp.

[JohnRichard]

Merkelig at ingen har nevnt det. Men nettleserne legger på forskjellige marginer og paddinger (luft) på elementene. Derfor er følgende triks i CSS mye brukt.

 

* { margin: 0; padding: 0; }

 

Også setter du heller margin og padding på elementene som trenger det. Ja det er en del arbeid, men siden blir lik i alle nettleserne.

[Gjest Slettet+9817234daf]

Merkelig at ingen har nevnt det. Men nettleserne legger på forskjellige marginer og paddinger (luft) på elementene. Derfor er følgende triks i CSS mye brukt.

 

* { margin: 0; padding: 0; }

 

Også setter du heller margin og padding på elementene som trenger det. Ja det er en del arbeid, men siden blir lik i alle nettleserne.

6489852[/snapback]

 

Problemet er at jeg ikke vet hvordan jeg gjør det. Er det for mye jobb til at jeg kan be noen her fikse det?

[_Paulsen_]

Hva er det du ikke får til?

Endret 15. juli 2006 av OShea

[Gjest Slettet+9817234daf]

Det som JohnRichard sier vil gjøre siden lik i IE.

 

Også setter du heller margin og padding på elementene som trenger det.

 

Det klarer ikke jeg.

[_Paulsen_]

Bruker du CSS i det hele tatt da?

 

Det du gjør, er å sette;

 

* { margin: 0; padding: 0; }

 

helt først i stilarket ditt, deretter kan du posisjonere elementene dine slik du vil ha de..

[Gjest Slettet+9817234daf]

Er det stress å posisjonere elementene? Jeg bruker CSS ja, men jeg har nesten ikke vært borti det før.

[_Paulsen_]

Tja, det kommer litt an på hva du skal posisjonere, men det bør gå greit egentlig...

[Gjest Slettet+9817234daf]

Tja, det kommer litt an på hva du skal posisjonere, men det bør gå greit egentlig...

6496873[/snapback]

 

Jeg prøver, så spør jeg om det blir for uforståelig. Det jeg ikke skjønner er hvorfor PoleCat, som har skrevet CSS'n, ikke gjorde dette i utgangspunktet.

 

Edit: Det har jo blitt gjort. Kan noen av dere sjekke stilarket?

 

Edit 2: Nå har jeg fikset bunnen, men plutselig oppstod et nytt problem. Dette problemet eksisterer derimot ikke i IE, men i FF. Når det kommer scroll på siden (forminsk browservinduet for å se hva jeg mener), flytter headeren seg 1 px til høyre. Hva skal jeg gjøre?

 

Edit 3: Jeg fikset det.

[Gjest Slettet+9817234daf]

Hvordan kan jeg plassere en tekstboks helt nederst på siden? Har prøvd å plassere tekst med <div>, men det gikk i dass. Bakgrunnsbildet må også være bak teksten.