CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

mboesen Novice

12. marts 2009 - 21:06 Der er 6 kommentarer og
1 løsning

Centrering af tabel - ikke ens i explorer og firefox

Jeg undskylder på forhånd hvis det ikke er den rette kategori, men jeg kunne ikke lige finde ud af hvor.... hvis ikke denne.

Nu har jeg lavet et redesign af min hjemmeside med div og css istedet for tidligere frames etc. Jeg har så også prøvet at teste min side både i explorer og firefox og for den sags skyld chrome.

Mit problem ligger på følgende side www.boesenfoto.dk/info.html

Den gule kasse med alle betingelserne skulle egentlig være centreret og det er den også i explorer, men i firefox og chrome er den venstrestillet. Den gule kasse er en tabel lagt ind i en div. Tabellen er sat til align center og det virker tilsyneladende i explorer, men ikke de andre. Skal jeg lave en slag align i DIV'en? Jeg ville jo helst have den ens i alle browsere.

På forhånd tak for hjælpen

Synes godt om

zips Juniormester

12. marts 2009 - 21:13 #1

Indsæt dette i din css
#main table {margin: 0 auto;}

hvis der kun skal være en tabel kan du sætte en class på din table

Synes godt om

mboesen Novice

12. marts 2009 - 22:19 #2

Hvordan sætter jeg en class for tabellen.... Nu skriver du hvis der kun skal være en.... Kan man sætte en class for hver tabel, hvis de skal stå forskelligt? For hvis jeg sætter din kode ind i CSS'en, så gælder det alle tabeller i main eller har jeg misforstået noget?!

Jeg arbejder i Dreamweaver

Synes godt om

moulde Nybegynder

12. marts 2009 - 23:43 #3

Det er korrekt forstået.

På selve tabellen skal du bare have margin: auto på.
Det smarteste vil nok være at give tabellen en class..

<table class="tabel">
<tr>
<t.......... og så videre..

Og inde i dit stylesheet skriver du så

.tabel
{
Margin:auto;
}

Margin: auto; metoden virker efterhånden i både IE og Firefox, så man behøver lige umiddelbart ikke andre metoder.

Men hvis det er et helt design man er ved at centrere så plejer jeg også at gøre brug af text-align: center;

Synes godt om

gadensgaard Nybegynder

13. marts 2009 - 09:07 #4

Når du nu er gået igang med div og CSS hvorfor ikke gennemføre det? Brug DIV i stedet for table!

<div class="center">

.center { margin: 0 auto; }

Synes godt om

mboesen Novice

13. marts 2009 - 10:11 #5

Nu vil jeg ikke sige at jeg er vanvittig skarp i div og css endnu. Min hjemmeside er produceret ud fra en halv times video på youtube og lidt læsning her og der. Dog plejer det at komme til mig hurtigt og jeg er da også ret godt tilfreds......men

Grunden til at jeg bruger tabeller er blandt andet på min www.boesenfoto.dk/galleri.html side, hvor der er en masse "kasser" og det kunne jeg ikke lige overskue i div. Er der en smart måde?

Men ja, på info siden kunne jeg måske godt have gjort det. Det andet virkede bare nemmere. Gammel vane sikkert. Jeg kan satdig godt selv blive forvirret over alle de divs, men propper ind i hinanden ;-)

Synes godt om

mboesen Novice

13. marts 2009 - 13:40 #6

Mange tak for alle svarene, som alle er gode!

Jeg har fulgt zips som det første og den virkede perfekt. Så smider du et svar

Synes godt om

zips Juniormester

13. marts 2009 - 15:48 #7

Her er et svar :-)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS