Avatar billede rudi1234 Nybegynder
11. marts 2004 - 14:48 Der er 9 kommentarer og
1 løsning

Table center og max width

Jeg har en tabel der skal centeres. Desuden skal den have en maksimal bredde på fx 500px. Men hvis teksten i TD ikke er lang nok, så skal tabellen kun have en bredde der er så lille at den netop passer til teksten.

Kan man det med CSS?
Avatar billede roenving Novice
11. marts 2004 - 15:05 #1
-- ser ikke ud til at det understøttes så bredt, men Gecko/Netscape6+ og IE5+ på Mac kender en property, som hedder:

max-width:500px;
Avatar billede hermandsen Juniormester
11. marts 2004 - 22:10 #2
Det kan man sagtens, og endda uden max-width. Desuden er det ikke en property som Gecko/Netscape og IE5 til Mac bare kender, men der i mod en W3C godkendt CSS-egenskab!

table {
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}

Så er den både centreret og har maksimal højde!! ;)
Avatar billede lordhead Nybegynder
12. marts 2004 - 13:33 #3
hermandsen > Så er problemet bare at det ikke virker i IE, og det vil vi jo gerne have den til.. 80% af alle internet brugere kender jo ikke andet end internet explorer :)
Avatar billede hermandsen Juniormester
12. marts 2004 - 13:40 #4
Virker det ikke i IE!? Det er i hvert fald løgn!!
Se lige http://www.w3.org/Style/Examples/007/center.html

Det eneste der ikke virker i IE der er den sidste til at centrere horisontalt!

Ved også at der lige nu sidder en gut og laver en blanding af CSS og DHTML som kan gøre IE CSS-kompatibel vha. scripting!!
http://developers.slashdot.org/developers/04/03/12/0454228.shtml

Hans side er dog blevet godt og grundigt /.'et, så der går nok lidt tid endnu før vi får noget... ;)
Avatar billede hermandsen Juniormester
12. marts 2004 - 13:41 #5
Sorry, selvfølgelig ikke centerer horisontalt, men vertikalt (lodret)... ;)
Avatar billede rudi1234 Nybegynder
12. marts 2004 - 13:43 #6
Jeg synes (heller) ikke at nogle af dem virker. Men jeg har selv fundet en anden løsning: En alm. tabel på max-vidden og inden i den en centreret tabel.
Avatar billede rudi1234 Nybegynder
12. marts 2004 - 13:44 #7
Hov, mens jeg skrev er der kommet flere kommentarer...
Avatar billede lordhead Nybegynder
12. marts 2004 - 15:51 #8
Det plejer da ikke at virke kun at skrive margin-left og right: auto ?
Avatar billede hermandsen Juniormester
12. marts 2004 - 21:09 #9
>>lordhead
Der er jo også en lille width-egenskab med... ;)
Plejer er død!! Det virker!! ;)
Avatar billede lordhead Nybegynder
13. marts 2004 - 09:59 #10
Hvis det virker har jeg intet at klage over .. undrede mig bare ;)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester