centrera boxar i CSS|Programmering / Grafisk formgivning|Forum|Nordichardware

Search
Forum Scope


Match



Forum Options



Minimum search word length is 3 characters - maximum search word length is 84 characters
Lost password?
The forums are currently locked and only available for read only access
sp_Feed sp_TopicIcon
centrera boxar i CSS
p_webb
Kommer du hit ofta?
Medlem
Forum Posts: 486
Member Since:
December 6, 2001
sp_UserOfflineSmall Offline
1
February 1, 2006 - 8:42 pm
sp_Permalink sp_Print

Har letat massvis och hittar inget fungerande sätt att centrera boxar. Hittade ett sätt då man satte margin till auto, fast fungerade inte tillsammans med

position: absolute;
top: 145px;

Sidan http://www.cronaweb.com/peter/centrad/

Vill centrera alla boxarna så sidan hamnar i mitten.

ViU
Member
Medlem
Forum Posts: 4459
Member Since:
December 25, 2000
sp_UserOfflineSmall Offline
1010934
February 3, 2006 - 3:35 pm
sp_Permalink sp_Print

använd inte position absolute om du inte måste, är mycket bättre att använda relative om du inte behöver absolute av någon speciell orsak

p_webb
Kommer du hit ofta?
Medlem
Forum Posts: 486
Member Since:
December 6, 2001
sp_UserOfflineSmall Offline
1011220
February 4, 2006 - 10:14 am
sp_Permalink sp_Print

jasså, min webdesignlärare säger tvärtom 😮 eller hon sa att för all layout skulle man ha position: absolute

zcorpan
Kommer du hit ofta?
Medlem
Forum Posts: 848
Member Since:
December 26, 2003
sp_UserOfflineSmall Offline
1011527
February 4, 2006 - 11:45 pm
sp_Permalink sp_Print

Du behöver varken position:absolute eller position:relative. Det finns ingenting i din layout som skulle behöva positioneras, förutom möjligtvis copyright-texten.

(För övrigt är inte din sida "godkänd enligt wc3:s standarder"; du serverar XHTML som text/html vilket innebär att du måste följa vad som står i Appendix C, och då är "" inte tillåtet utan måste skrivas som "" eftersom sluttagg för iframe är obligatorisk i HTML4.)

ViU
Member
Medlem
Forum Posts: 4459
Member Since:
December 25, 2000
sp_UserOfflineSmall Offline
1011532
February 4, 2006 - 11:52 pm
sp_Permalink sp_Print

Att bygga sidor med position absolute är den lates väg att bygga en väg som inte går att bygga ut med flera filer.

Och med att använda position:relative menade jag att använd ingendera, inte definera relative i varenda tag, fel av mig att säga att du skulle använda position:relative.

Var också försiktig med att köra ut sidor som XHTML, läs mera här http://www.hixie.ch/advocacy/xhtml ( nere för tillfället dock, använd http://www.google.com/search?q.....cacy/xhtml om den inte kommit upp )

p_webb
Kommer du hit ofta?
Medlem
Forum Posts: 486
Member Since:
December 6, 2001
sp_UserOfflineSmall Offline
1011538
February 5, 2006 - 12:00 am
sp_Permalink sp_Print

ViU wrote: Att bygga sidor med position absolute är den lates väg att bygga en väg som inte går att bygga ut med flera filer.

Och med att använda position:relative menade jag att använd ingendera, inte definera relative i varenda tag, fel av mig att säga att du skulle använda position:relative.

Var också försiktig med att köra ut sidor som XHTML, läs mera här http://www.hixie.ch/advocacy/xhtml ( nere för tillfället dock, använd http://www.google.com/search?q.....cacy/xhtml om den inte kommit upp )

Ok, tack för tipsen.

(För övrigt är inte din sida "godkänd enligt wc3:s standarder"; du serverar XHTML som text/html vilket innebär att du måste följa vad som står i Appendix C, och då är "" inte tillåtet utan måste skrivas som "" eftersom sluttagg för iframe är obligatorisk i HTML4.)

Ok, jag skrev mest massa text för att fylla ut lite, fast den blev faktiskt godkänd på http://validator.w3.org/ och på http://jigsaw.w3.org/css-validator/ skrev dom bara om transparent grejjen jag användt. (har ändrat till nu iaf.)

zcorpan
Kommer du hit ofta?
Medlem
Forum Posts: 848
Member Since:
December 26, 2003
sp_UserOfflineSmall Offline
1011550
February 5, 2006 - 12:30 am
sp_Permalink sp_Print

p_webb wrote: fast den blev faktiskt godkänd på http://validator.w3.org/

Att sidan passerar en DTD-validering är förstås bra, men det garanterar inte att den följer vad som står i specen.

p_webb wrote: (har ändrat till nu iaf.)

Det borde nog vara iframe> om det ska hjälpa. 🙂

p_webb
Kommer du hit ofta?
Medlem
Forum Posts: 486
Member Since:
December 6, 2001
sp_UserOfflineSmall Offline
1011553
February 5, 2006 - 12:31 am
sp_Permalink sp_Print

zcorpan wrote: [quote=p_webb]fast den blev faktiskt godkänd på http://validator.w3.org/

Att sidan passerar en DTD-validering är förstås bra, men det garanterar inte att den följer vad som står i specen.

p_webb wrote: (har ändrat till nu iaf.)

Det borde nog vara iframe> om det ska hjälpa. 🙂

hehe skrev fel, menade

Allt fungerar nu iaf (utseende mässigt) http://www.cronaweb.com/peter/centrad/

lade allt i en box, försökte först skriva margin: 0 auto; i body fast fungerade inte, så la in allt i en box.

boxen:

.allt {
margin: 0 auto;
background-color: #A3A3A3;
height: 500px;
width: 700px;
}

kom på att min lärare hade centrerat, så kollade även hennes sida och hon hade liknande lösning, så borde gå bra.

zcorpan
Kommer du hit ofta?
Medlem
Forum Posts: 848
Member Since:
December 26, 2003
sp_UserOfflineSmall Offline
1011654
February 5, 2006 - 12:15 pm
sp_Permalink sp_Print

p_webb wrote: hehe skrev fel, menade

Jag förstod det, men det står fortfarande i källkoden.

Forum Timezone: Europe/Stockholm
Most Users Ever Online: 1030
Currently Online:
Guest(s) 86
Currently Browsing this Page:
1 Guest(s)
Top Posters:
Andreas Galistel: 16287
Jonas Klar: 15897
ilg@dd: 10810
Nyhet: 10607
Mind: 10550
Ctrl: 10355
Gueno: 9881
Guest: 9344
Snorch: 8881
Callister: 8468
Newest Members:
PetrbonFU PetrbonFU
Karine Bembry
Dolores Mcdaniels
Anibal McLeish
Francisca Alt
Alfie Everhart
Lester Huitt
Orlando Jorgensen
Mikki Lundgren
Dakota Kozlowski
Forum Stats:
Groups: 11
Forums: 59
Topics: 146630
Posts: 1300967

 

Member Stats:
Guest Posters: 2
Members: 79425
Moderators: 0
Admins: 11
Administrators: nordicadmin, Henrik Berntsson, Anton Karmehed, Carl Holmberg, Joel Oscarsson, Mikael Linnér, Mikael Schwartz, Andreas Paulsson, Nickebjrk, Mattias Pettersson, EmxL