Avatar billede oasen Nybegynder
06. april 2002 - 20:56 Der er 55 kommentarer og
3 løsninger

Centrering af selve tabellen

...intet problem i IE, men i Opera og formentlig også Netscape vil det ikke lade sig ordne.

Kort beskrevet - siden består af en traditionel tabel på 750pix, der skal centreres horisontalt på siden. Denne tabel indeholder en celle (<td>), der bruges som main. Men det er (u)muligt at centrere selve den tabel, der ligger i main-cellen, samt at centrere hoved-tabellen i body.

table {
    width: 750px;
}

table, td, th, tr {
    background: transparent;
    background-image: none;
    text-align: center;
    vertical-align: middle;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin: 0px;
}

Har også prøvet at sætte en div omkring tabellerne, samt <center> og også lave en ekstra tabel uden om det hele.

Hvad gør jeg nu, hvis den også skal kunne ses af andre end IE??
Avatar billede hells Nybegynder
06. april 2002 - 20:59 #1
Klarer <table align="center"> i body, og align="center" i main-cellen det ikke?
06. april 2002 - 21:00 #2
Du  har en stor <table> på 750px?
Inden i den har du en td på 400px; ca

Så kan du da også bruge
<div align="center">
<table style="width: 750px; border: 1px solid black;">

<tr><td style="width: 350px;" align="center">
her kunne stå alt...
</td>
<td style="width: 400px;" align="left">
Også her
</td>
</tr>
</table>
</div>

<table> bliver centret og teksten i td'en bliver vensre stillet (den anden cnret)?
Det du søger ?
Avatar billede oasen Nybegynder
06. april 2002 - 21:07 #3
Jeg kan sagtens centrere indholdet i de forskellige <td>´er. Men jeg kan ikke centere den tabel, der ligger i en <td> og hovedtabellen, der ligger i <body>.

xzxzx-kan-ikke-logge ---> Helt korrekt forstået, men jeg har prøvet med div´s (både styret med "align" og "style").
Den kan ikke lægge mere til venstre i Opera. Mozilla og IE viser den korrekt.

Jeg kan godt paste noget html, hvis en af Jer gider kigge på det...
Avatar billede oasen Nybegynder
06. april 2002 - 21:11 #4
Dette gav heller ej nogen bonus: http://bluerobot.com/web/css/center1.html
Avatar billede jakoba Nybegynder
06. april 2002 - 21:16 #5
brug det gode gamle
<center><table ...
...
</table></center>

eller
<div style="width:'100%';text-align:center;">
<table ...
...
</table>
</div>

hvis det skal være moderne

mvh JakobA
Avatar billede jakoba Nybegynder
06. april 2002 - 21:16 #6
Ups, der skal vist ikke ' om 100% der.
06. april 2002 - 21:20 #7
"Den kan ikke lægge mere til venstre i Opera. Mozilla og IE viser den korrekt."

Den skal så ikke centres helt?
Avatar billede oasen Nybegynder
06. april 2002 - 21:23 #8
<center> bruges allerede, Jakob :)

xzxzx-kan-ikke-logge ---> Jo, den skal centreres helt i alle opløsninger.

Jeg har ikke flere forslag... Jo, det skulle da lige være noget javascript, der beregner bredden på en eller anden måde. Såsom screen.availWidth...
Avatar billede jakoba Nybegynder
06. april 2002 - 21:27 #9
og <center> VIRKER.
medminder du bruger den indeni en anden container der krymper i NS og Opera, som fx <div>
Avatar billede oasen Nybegynder
06. april 2002 - 21:28 #10
Jeg er sådan set ligeglad med om det er moderne eller ej. Bare at tabellen ikke ligger og "flyder" ude i venstre side, når nu jeg har brugt tid på at validere både CSS og HTML, og alt andet virker (næsten også i NS 4x)
Avatar billede oasen Nybegynder
06. april 2002 - 21:29 #11
jakoba---> Ja, er klar over det er et alment kendt begreb blandt browsere, men vil du have et udsnit af koden?
Avatar billede jakoba Nybegynder
06. april 2002 - 21:29 #12
sæt borders eller baggrund på diverse html-elementer så du kan se hvor og hvor store de er i de forskellige browsere
06. april 2002 - 21:31 #13
hvis du ser følgende side i Opera http://80.62.82.126/center.php
er der en <table> i en andes td der er centret? Det du søger? Har du ev. mulighed for at tegne det?
Avatar billede oasen Nybegynder
06. april 2002 - 21:32 #14
Det har jeg hermed gjort. Tabellerne har alle den korrekte bredde, men de er forkert placeret. Dvs. venstrestillede...
Avatar billede oasen Nybegynder
06. april 2002 - 21:36 #15
Avatar billede oasen Nybegynder
06. april 2002 - 21:36 #16
06. april 2002 - 21:37 #17
06. april 2002 - 21:37 #18
Det gør den for den sags skyld også :)
Avatar billede oasen Nybegynder
06. april 2002 - 21:38 #19
Det går godt... Her er den: http://www.celinedion.dk/images/cel.jpg
06. april 2002 - 21:40 #20
Den ser da fair ud?
Avatar billede oasen Nybegynder
06. april 2002 - 21:40 #21
Der er ikke så meget at se, udover at den ikke er centreret. Men du må stadig godt få lidt kode, hvis du orker det...
06. april 2002 - 21:41 #22
Ok skulle lige se den i IE...
Avatar billede oasen Nybegynder
06. april 2002 - 21:43 #23
Tjaa... ikke helt færdig - tester lidt endnu.

Bemærk at også tabellen med selve formularen m.m. også lægger sig til venstre i cellen.
06. april 2002 - 21:43 #24
Kan du ikke lave noget af'la
<table style="width: 100%;">
<tr>
<td style="width: 70px;">
&nbsp;
</td>
<td>

<table id="mainform">
<caption>Gæstebog</caption>



    <tr>
    <td class="formleft"><font cl....


</td>
</tr></table>
?
Avatar billede oasen Nybegynder
06. april 2002 - 21:45 #25
Sker intet ved at prøve - lige et øjeblik!
06. april 2002 - 21:46 #26
<tr>
    <td class="formleft"><font cl....

er jo så hele din kode der, hvis du ikke havde gættet det :)
Avatar billede oasen Nybegynder
06. april 2002 - 21:50 #27
Det funker ikke rigtig desværre. Jeg har prøvet at tage siden ind i Netscape Composer og bedt den om at centrere. Her indsætter den <center>-tags stort set overalt som virker. Men det er da trivielt at skulle...
Avatar billede oasen Nybegynder
06. april 2002 - 21:52 #28
Måske fejlen ligger i CSS´en, men den skulle da være i orden. Er du god til CSS?
Avatar billede oasen Nybegynder
06. april 2002 - 21:55 #29
Nu ligger den da også til venstre i Mozilla, men det kan jo være godt det samme, når Opera ikke kan centrere den.
Avatar billede jakoba Nybegynder
06. april 2002 - 22:01 #30
Avatar billede jakoba Nybegynder
06. april 2002 - 22:02 #31
Næe, søreme. den går ud til venstre i Opera. ?
Avatar billede jakoba Nybegynder
06. april 2002 - 22:04 #32
og i NS6 går den også tilvenstre. Weird.
Avatar billede oasen Nybegynder
06. april 2002 - 22:05 #33
Hvordan ser den i øvrigt ud i NS6 - her har jeg ikke fået den testet....
Avatar billede oasen Nybegynder
06. april 2002 - 22:06 #34
jakoba---> Ja, det er underligt. Jeg er ved at få grå hår af det.
Avatar billede jakoba Nybegynder
06. april 2002 - 22:13 #35
ganske som i Opera.
somom de siger: "text-align gælder ikke for tabellen for det er ikke tekst". Og det er jo rigtig at 'text-align' er et åndsvagt navn for "centrer alt indhold i denne div".
Men hvad skal man så bruge
Avatar billede oasen Nybegynder
06. april 2002 - 22:18 #36
Er det noget du kan løse for mig, hvis du ser CSS´en - (evt. for lidt flere points)?
Avatar billede jakoba Nybegynder
06. april 2002 - 22:23 #37
nu ser det ud til den virker.
<center> ... </center> omkring tabellen skulle der til
og det eneste validatoren brokker sig over er manglende type attribut i mun <style kommando.

mvh JakobA
Avatar billede oasen Nybegynder
06. april 2002 - 22:26 #38
<center> - det har jeg da ellers prøvet. Vil du give mig et udsnit, hvor du har sat det ind?
Avatar billede jakoba Nybegynder
06. april 2002 - 22:36 #39
der er ikke meget andet i den fil, men ok:

<style>

div {
    border:1px solid black;
    width:100%;
    text-align:center
}

</style>

</HEAD>
<BODY>

<div>centreret tabel<br>
<center><table border=1>
  <tr>
    <td>en celle</td>
    <td>en celle</td>
    <td>en celle</td>
    <td>en celle</td>
  </tr>
  <tr>
    <td colspan=2>to celler</td>
    <td>en celle</td>
    <td>en celle</td>
  </tr>
  <tr>
    <td colspan=3>tre celler</td>
    <td>en celle</td>
  </tr>
  <tr>
    <td colspan=4>fire celler</td>
  </tr>
</table></center>
</div>

måske 100% bredde i div-stylen  PLUS <center kommando er det der gør det.

mvh JakobA
Avatar billede oasen Nybegynder
06. april 2002 - 22:40 #40
Jeg prøver lige!
Avatar billede oasen Nybegynder
06. april 2002 - 22:45 #41
Jeg er ked af at sige det, men det forandrer ingenting: http://www.celinedion.dk/images/cel.jpg
Avatar billede oasen Nybegynder
06. april 2002 - 22:50 #42
Jo, Mozilla centrerer den søreme nu! Men ikke Opera..
Avatar billede oasen Nybegynder
06. april 2002 - 23:00 #43
Hvad siger Netscape?
Avatar billede jakoba Nybegynder
06. april 2002 - 23:05 #44
nok det dit .jpg billede viser :-))
hvad med en rigtig side på en rigtig URL.
Avatar billede jakoba Nybegynder
06. april 2002 - 23:06 #45
du sørger vel for at undgå at hente cashet side?
Avatar billede oasen Nybegynder
06. april 2002 - 23:10 #46
Rigtig side på en rigtig url? Det må du lige forklare, jakob...
Avatar billede oasen Nybegynder
06. april 2002 - 23:11 #47
Hvad forstår du ved en forkert url?
Avatar billede oasen Nybegynder
06. april 2002 - 23:12 #48
Avatar billede jakoba Nybegynder
06. april 2002 - 23:35 #49
just præcis. så man kan kikke i koden.

men nu er der da gået noget helt galt. den er heller ikke centreret i IE4.

Dette er et gæt, men efter at have kikket på den linieskiftløse klump tableller og tabelceller du definerer lidt nede af siden tror jeg det er endog meget sandsynligt at der er koks i dine tabeller.

prøv med:
    border=1 cellspacing=5
i ALLE table kommandoer så du kan checke om cellerne nu også ligger rigtigt og der ikke er en vildfaren celle der stikker ud af siden på en eller flere tabeller.

mvh JakobA
Avatar billede oasen Nybegynder
06. april 2002 - 23:36 #50
Er det så slemt? :)

Hænger du lige på, mens jeg prøver?
Avatar billede oasen Nybegynder
06. april 2002 - 23:41 #51
Så er det gjort!

Opera ser nu sådan ud: http://www.celinedion.dk/images/cel.jpg
Avatar billede werd Nybegynder
07. april 2002 - 01:26 #52
du må ikke bruge <center></center> omkring dine tabeller!! Så bliver indholdet i tabellerne nemlig også centreret!!!

Hvis dette er din hensigt er der dog intet problem!!
Avatar billede oasen Nybegynder
07. april 2002 - 03:26 #53
Det er bestemt ikke min hensigt. Langt det meste indhold i cellerne skal være venstrestillet.
Men det kan tilsyneladende ikke klares alene med CSS (text-align)...
Men hvis du har et alternativ til problemet hører jeg også gerne fra dig ;)
Avatar billede oasen Nybegynder
07. april 2002 - 03:29 #54
jakoba---> Til dit indlæg 06/04-2002 23:35:22 - det genereres jo med ASP. Derfor den massive "tekst-klump".
Avatar billede jakoba Nybegynder
07. april 2002 - 07:10 #55
asp kan også generere blanktegn til indrykninger og '\n' til linieskift.
Avatar billede oasen Nybegynder
07. april 2002 - 20:10 #56
Hmm... var jeg ikke klar over, men det har næppe nogen indvirkning på tabellen, bortset fra udseendet af kildekoden.
Avatar billede oasen Nybegynder
08. april 2002 - 08:58 #57
Jeg kommer jo nok ikke meget videre lige nu, men jeg siger mange tak for hjælpen.

Problemet blev ikke helt løst desværre, men I får alligevel lidt for besværet. Håber I er tilfredse.
Avatar billede oasen Nybegynder
08. april 2002 - 08:59 #58
.
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