Jump to content
Sign in to follow this  
Steina

Sentrerert side blir ikke sentrert i IE.

Recommended Posts

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.

Share this post


Link to post

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.

Share this post


Link to post

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å

Share this post


Link to post
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.

Share this post


Link to post
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.

Share this post


Link to post

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.

Edited by Steina

Share this post


Link to post

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...