Sentrerert side blir ikke sentrert i IE.

[Steina]

Jeg har begynt å gå over fra table for å sentrere siden, til å benytte div.

Problemet er at jeg ikke får sentrert innholdet mitt.

 

Jeg har gjort alt riktig etter hva jeg har sett på andre sider, men det funker kun i firefox og Opera, ikke i Internet Explorer.

 

Jeg har <div id="content"> innhold </div> i HTML filen, og følgende i CSS filen.

 

#content {

margin: auto;

width: 500px;

background-color: white;

}

 

marin: auto; er jo det som skal sentrere siden, men som sakt, IE godtar det ikke.

 

Samme gjelder også til #banner og #navigation

 

 

Dette er den første siden jeg har laget, så jeg er ganske så nybegynner innen webutvikling enda, så ikke gå amokk fordi at kildekoden min er litt rotete.

Foresten noen tips til hva jeg kan gjør med menyen? Jeg bruker bilder til knapper, noe som jeg har tenkt med å fortsette å gjøre.

 

Bildene er tilsammens 500 pixler bred, samme som bannere og innholdet, men de har litt luft imellom seg som jeg egentlig ikke hadde planlagt.

 

Til tross for det synes jeg det at det gjorde siden mindre firkantet og litt spesiell, så lurer på å fortsette å ha det slikt. Problemet er bare å få det til å se likt ut i Opera og IE. Det er forskjellige avstander i nettleserene.

Har ikke jobbet så mye med den saken enda.

 

Også hvilken kode skal jeg bruke for å få en margin på teksten?

margin: går jo bare til selve vinduet. Jeg skulle hatt noe som text-margin, uten at jeg vet helt hva jeg skal skrive for å angi den. text-margin funker iallfall ikke.

 

Forløbig har jeg brukt <div> for å sentrere kun i index.html, altså fremsiden.

Resten av sidene kommer når jeg får fikset den første.

 

Linker:

 

Hjemmesiden: http://www.home.no/cn-steina/index.html

.CSS koden: http://www.home.no/cn-steina/grafikk.css

 

Skal kjøpe meg domene og webhotel om en ukes tid.

 

Off-topic prat som kan hjelpe meg med å fikse på siden er også bare å komme med.

[bosannes]

Sett !doctype til strict. Mulig det løser problemet.

Du kan evt prøve

body { text-align: center; }

, men det annbefales ikke.

 

Når det gjelder text-margin, så regner jeg med det er padding du tenker på. Padding anngir margen fra kanten av et element til innholdet i elementet. Vær oppmerksom på at padding kommer i tillegg til width/height, så denne stilen:

#boks {

width: 400px;

height: 200px;

padding: 5px;

}

vil bli 410 bred og 210 høy.

[RulleRimfrost]

Selector bør vel alltid komme først i css-filen: p {...} og a {...}

Deretter kan du legge inn klasser : p.top {...} og a.menu {...}

Da tenker browseren : all tekst (p) skal være sånn..., men den spesielle klassen (.top) skal være slik...

 

pseudo-klasser kommer helt sist a.menu:visited {...}

 

ville lagt inn paddingen i p {padding: 0px 5px;} for å unngå såkalt div-mania.

 

Kan være greit å legge inn en img {padding:5px;} også

[Erik B.]

{
margin:0px auto;
}

 

Funker bra hos meg i alle nettlesere, husk 0px, ikke bare auto

[Steina]

Sett !doctype til strict. Mulig det løser problemet.

6553276[/snapback]

Takk, det hjalp faktisk.

Og ja, det var padding jeg lette etter.

 

Selector bør vel alltid komme først i css-filen: p {...} og a {...}

Deretter kan du legge inn klasser : p.top {...} og a.menu {...}

*fikset*

 

pseudo-klasser kommer helt sist a.menu:visited {...}

 

ville lagt inn paddingen i p {padding: 0px 5px;} for å unngå såkalt div-mania.

6553453[/snapback]

pseudo-klasser vet jeg egentlig ikke hva er, men som jeg ser på eksemplet ditt, så er jeg ganske sikker på at jeg ikke har det, nå iallfall.

Men angående padding.

Det blir ikke å unngå div mania når jeg putter det i en div jeg allerede har?

Er vel greier å bare putte inn i #content istedetfor img, p, h1, h2, h3, a, osv. ?

 

Funker bra hos meg i alle nettlesere, husk 0px, ikke bare auto

6553553[/snapback]

Ok, jeg mente å ha sett det slikt, og prøvde med det selv, men fjernet det når det ikke ga noen effekt. Satt på 0px igjen nå.

 

 

Foresten noen meninger om menyen min? Er den _STYGG_ ?

Jeg tenker da spesielt på at den stikker litt ut i sidene.

[bosannes]

Sett !doctype til strict. Mulig det løser problemet.

6553276[/snapback]

Takk, det hjalp faktisk.

Og ja, det var padding jeg lette etter.

Jepp. Strict gir css "full" kontroll.

[Steina]

Det likes vel tydeligvis ikke å ha target="_blank" i HTML filen.

Er eneste feilen som gjør at jeg ikke får siden valid.

 

Hvordan skal jeg få linker til å åpnes i nytt vindu ved hjelp av CSS?

 

EDIT: Det virker som om denne topic'en er død, så da lager jeg bare ny.

Endret 26. juli 2006 av Steina