Gå til innhold

Problem med design [LØST]


Anbefalte innlegg

Hei

Driver å skal lage et nytt design til siden min, men sliter med et par ting.

Siden finner dere her: http://www.genialweb.com/testbakgrunn/ og cssfilen finnes her: http://www.genialweb.com/testbakgrunn/style.css

1. I Firefox legges den stripete bakgrunnen som en liten strek øverst, over resten. Dette skjer også når jeg f.eks bruker Opera og ruller ned og så opp igjen

2. I IE utgaver under 7.0 (6.0 osv) blir ikke divene skikkelig sentrert. Siden blir litt skjeiv, men aner ikke hva som er galt

 

Noen som har noen ide om hva som er galt? Ikke foreslå å bytt nettleser, for jeg kan ikke diktere hvilken nettleser mine brukere bruker.

Endret av abrj
Lenke til kommentar
Videoannonse
Annonse

1. Ikke legg bakgrunnen din i både html og body.. det er ganske unødvendig og kan skape problemer..

2. Background på wrapper

div#wrapper
{
   background: url('container.gif') repeat-y top left #fff;
}

3. Det heter "container", ikke "conteiner" :p

4. Ikke bruk float: left på den ene og float: right; på den andre..

Bruke float: left; på begge.. Skal du lage en 3 kolonners kan du gjerne bruke float: right;

 

Tror siden din blir bra etterhvert.. hva om å sende den inn til CSS Galleriet når den er ferdig?? Midlertidig link

Lenke til kommentar

Jeg synes den var fin. Rett og slett. Jeg ville eksperimentert med en litt større linje-avstand, men det er ikke sikkert det er nødvendig.

 

Men det var mye rart her, etter min smak:

html, body{
height: 100%;
min-height: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
margin-bottom: 1px;

Kan du ikke bare bruke margin: 0 auto; på wrapper?

Endret av attach
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...