Gå til innhold

Hjelp med hjemmeside (ny i CSS)


Anbefalte innlegg

Videoannonse
Annonse
Skrevet

Nei, det fungerte ikke. Ingenting forandret seg. Jeg kan jo ta bort margin: auto; men da vil hele diven bli venstrestilt og den vil få 2px margin på venstresiden.

 

Det som er rart er at det er kun denne diven som ikke vil midtstilles vha. margin: auto;.

Skrevet (endret)

Ah, flytta ut på rota no. Eg skal lese kjapt gjennom.

Edit: Eg ville koda CSS'en heilt på nytt trur eg.

Lag ein kontainer der alt innhold ligg. Altså, du sett bakgrunnen og begynner å lage ein kontainer:

kontainer {
width:800px;
margin:0 auto;
}

 

Okei. I HTML'en gjer du berre slik no:

....... <body>
<div id="kontainer">

ALT INNHOLDET DITT HER, ALLE DIVS OG ALT SOM SKAL VERE
I MIDTEN AV SIDA

</div>
</body>
</html>

 

Forstår du korleis eg meiner?

 

Og skal du no foreksempel plassere noko til høgre skal du berre kunne skrive float:right;

 

Det går fort å kode CSS'en på ny. Berre la innholdet vere der. Mykje enklere når innholdet er der faktisk.

Uansett - beheld no kopi av originalen!

 

Edit2: Sender du ein zippa versjon av sia kan eg hjelpe deg ein smule og gjere det heilt grunnleggande. Berre zip og legg på server og send meg ein PM i tilfelle.

Endret av steffenz
Skrevet

Ok, har nå satt alt i en wrapper. Hvorfor mener du jeg må kode hele CSS'en på nytt, holder ikke dette?

 

Men den bugen er fortsatt der. Kan det ha noe med at jeg har margin: -3px; på menyen? Det er jo for å få alle bildene til å ligge kant i kant med hverandre, men kanskje det også gjør at hele rekka med bilder går 3px til venstre?

Skrevet

Utan at dette er den beste måten å gjere det på - du kan ha ei eiga CSS for IE.

Skriv inn dette mellom <head> og </head> (tek vekk den gamle linken til css).

 

<!--[if IE]>
<LINK href="css_for_ie.css" type=text/css rel=stylesheet>
<![endif]-->

<!--[if !IE]><!-->
<LINK 
href="stilark.css" type=text/css rel=stylesheet>
<!--<![endif]-->

Nå kan du berre lage eit kopi av stilark.css og fikse margina. Prøv deg frem. Så har du eit eiga CSS for IE om noko anna skal gå galt.

 

Dette er nok ikkje beste måten, men det fungerer no. Utan for mykje forklaring.

Skrevet

Der fikk jeg fiksa det!

Jeg måtte tydeligvis ha en margin-left: 3px; på hele menu-div'en i IE.

 

Derfor laga jeg som du sa to forskjellige CSS-filer for IE og for resten.

Så da er det endelig fikset! :)

  • 2 måneder senere...
Skrevet

Hei igjen! Graver opp denne tråden igjen fordi det viser seg at siden vises helt feil i IE 6. Dette er netteleseren som brukes på skolen min, og siden dette er et skoleprosjekt er det ganske viktig at den vises riktig der! :)

 

Vet noen hvorfor siden er HELT ødelagt i IE 6?

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å
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...