HTML & CSSur HTML, XHTML & CSS
10 svar · 677 visningar · startad av MizzK
Vet att frågan har kommit upp fleratalet gånger tidigare. Men i mina sökningar hittade jag ingen bra lösning som vill fungera.
Jag vill att min tabell skall alltid hamna mitt sidan oavsett upplösning. Vill inte heller använda mig av absolut:position.
Finns det ngn annan bra lösning?
helst med css. sidan kommer programmeras i html och asp.net
<table align="center" width="300">
Funkar i *allt* - förutsätter HTML 4 Transitional eller xhtml 1.0 Transitional.
Diskussion runt CSS-lösningar på detta finns i http://www.webforum.nu/showthread.php?s=&threadid=98761&forumid=12
och där hittar du också denna länk: http://theodorakis.net/tablecentertest.html som innehåller flera lösningar på problemet- bl.a. att
body {text-align:center}
table {margin-left: auto; margin-right:auto; width:300px}
verkar funka i "allt" - även MSIE5/Mac (som tydligen tyvärr inte förstår kortformer, som t.ex. "margin:0 auto 0 auto" ;) )
var skall man lägga det? i body i css? testade d iaf och det fungerade inte.
SENTRERA HEla sidan
http://www.quirksmode.org/css/centering.html
sidan beskriver (probLEMET)det bra... kollA också upp länken i inforutan!!
horisontell centrering jag främst är efter.. testat massor av dessa olika lösningar men vill inte fungera
nu har jag prövat massor med olika lösningar och får inget att fungera horisontellt. endast vertigalt precis som fungerat innan.
senaste koden
/* CSS Documentet */
Body {
FONT-SIZE: 10px;
FONT-FAMILY: verdana;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #cccccc;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #cccccc;
/*background-color: #eeece3;*/
background-color:#f8f2e0;
text-align:center;
}
table {
margin:0px auto 0px auto;
text-align:left;
}
TD {
FONT-SIZE: 10px;
FONT-FAMILY: verdana;
}
Du vill ha en vertikal centrering av sidan också?
Det är lite klurigare ;)
Hittade bara detta: http://www.w3.org/TR/REC-CSS2/visudet.html#propdef-vertical-align
Skeptisk till att margin top/bottom: auto fungerar i någon läsare (har inte provat dock).
HEJ!
Lägg en tabell med width och height till 100% och en cell.
I denna cell läggs sedan en ny tabell med innehållet.
.
