css - midtstilling

[enden]

Må lage en enkel side for å presentere en gruppe i forbindelse med hovedprosjekt på skolen. Tenkte jeg skulle lage siden i strict xhtml med css. Har laget en ca grei side (design kan alltids byttes ut lett med css), men sliter med å midtstille den. Hvordan gjør jeg det lettest? Hele boksen med innhold er en enkel div med css:

.main { position: absolute;
       top: 30px;
       
       background-image: url(http://www.fundingsrud.net/pj501/img/logo.gif);
       background-position: top;
       background-repeat: no-repeat;
       background-color: #F2FAFA;

       width: 700px;
       height: 400px;
       border: 1px solid #D6DBDB;
       padding: 5px; }

 

Tar gjerne mot kritikk på designet og - liker ikke bildet som er brukt til menyen...

 

http://www.fundingsrud.net/pj501

[Torbjørn]

dytt inn dette i css:

 

body { text-align: center; }

[enden]

ehm, nei. Text-align har ingenting med saken å gjøre. Jeg vil helst ikke ha teksten midstilt over alt, og når det ender med at siden ender opp helt til høyre i skjermbildet i tillegg så står jeg over...

[pekle]

margin-left: auto;

margin-right: auto;

[pgdx]

Hva skal du midtstille egentlig?

 

Hele siden? Du kan jo alltids bruke tables. Jeg har selv begynt med kun CSS, så er ikke helt stø på alle kommandoene...

 

Du kan jo prøve å sette det som {margin x% x% x% x%}, som henholdsvis er antall prosent fra topp, høyre, bunn, venstre.

 

Du kan også bruke pixler, men det er vel mindre ideelt.

[enden]

Skal midtstille hele greia ja, men tables er ut. Skal kun bruke css

[pgdx]

Skal midtstille hele greia ja, men tables er ut. Skal kun bruke css

Ja, har hørt rykter om det.

 

Funket det jeg skrev?

[enden]

Hva skal du midtstille egentlig?

 

Hele siden? Du kan jo alltids bruke tables. Jeg har selv begynt med kun CSS, så er ikke helt stø på alle kommandoene...

 

Du kan jo prøve å sette det som {margin x% x% x% x%}, som henholdsvis er antall prosent fra topp, høyre, bunn, venstre.

 

Du kan også bruke pixler, men det er vel mindre ideelt.

Vel, det nytter dårlig, da left 5% blir perfekt til 800*600, men 20% passer bedre til 1600*1200. Jeg trenger en css måte å gjøre det på som tilpasser seg alle oppløsninger.

[pgdx]

Går jo an å kombinere bruken av tables og css, da... Det er vel ikke noe problem å sette opp en midtstilt side ved bruk av tables...

[enden]

Det er selvfølgelig ikke noe problem å bruke tables. Kan og bruke <center>, men hele cluet er å bruke kun css

 

Noen som har kommentrer til designet da?

[Wizt]

Kall en div for wrap som du putter hele designet (alle de andre div'ene) inni.

Så gir du den bare attributen text-align center.

Vips, så er alt midtstilt og teksten inni alle de andre er ikke.

[pekle]

Og slik nøyaktig kva erdet som ikkje funkar med mitt forslag?

[dms]

Som pekle allerede har sagt er

margin-left:auto;

margin-right:auto;

den korrekte måten å midtstille blokker i CSS.

[enden]

Sorry pekle, fikk faktisk ikke med meg innlegget ditt

Takke for svaret

[haugsand]

Her har jeg noen argument for hvorfor du IKKE skal bruke xhtml.

 

Langt, men interessant lesestoff.

[enden]

hmm, interressant. Jeg er totalt uenig med halvparten som står der (for min del), men det gjelder nok mange som bruker xhtml bare fordi det er nytt.

Personlig bruker jeg xhtml til datastrukturer, og da faller valget naturlig på det når jeg lager hjemmesider og