|
| Centering af table Fra : Bjarke Freund-Hansen |
Dato : 23-08-02 12:27 |
|
Et simpelt problem, hvordan centere jeg en table som jeg har sat til at fylde
90% af skærm bredden? Kan simpelthen ikke finde ud af hvad jeg skal gøre.
<table class="news" width="90%" border="1">
Har prøvet noget med
table.news { align: center; } (i CSS filen se'følig)
men det funker ikke.
Nogle der har løsningen?
XHTML 1.0 Strict og CSS2.
--
Greetings
Bjarke Freund-Hansen
| |
Knud Gert Ellentoft (23-08-2002)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 23-08-02 15:53 |
|
23 Aug 2002 11:27:12 GMT, skrev Bjarke Freund-Hansen
<RoceKiller@impsoft.dk>:
>Nogle der har løsningen?
Hvis det skal virke i alle browsere:
body {text-align: center}
table.midt {margin-left: auto; margin-right: auto; width: 90%}
Ovennævnte kan gøre at du bliver nødt til at sætte text-align på
tekst, hvor man ellers ikke ville gøre det (venstrestillet
tekst), men er langt den enkleste måde at gøre det på.
Ellers < http://www.bluerobot.com/> under csscentrering.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.
| |
Bjarke Freund-Hansen (23-08-2002)
| Kommentar Fra : Bjarke Freund-Hansen |
Dato : 23-08-02 17:09 |
|
Knud Gert Ellentoft wrote:
> 23 Aug 2002 11:27:12 GMT, skrev Bjarke Freund-Hansen
><RoceKiller@impsoft.dk>:
>>Nogle der har løsningen?
> Hvis det skal virke i alle browsere:
> body {text-align: center}
> table.midt {margin-left: auto; margin-right: auto; width: 90%}
> Ovennævnte kan gøre at du bliver nødt til at sætte text-align på
> tekst, hvor man ellers ikke ville gøre det (venstrestillet
> tekst), men er langt den enkleste måde at gøre det på.
Vil jeg helst undgå, men er det så ikke nok med den nederste. Synes umilbart
det virker mystisk at det skulle være besværligt.
> Ellers < http://www.bluerobot.com/> under csscentrering.
Den vil jeg kigge på.
--
Greetings
Bjarke Freund-Hansen
| |
Bjarke Freund-Hansen (23-08-2002)
| Kommentar Fra : Bjarke Freund-Hansen |
Dato : 23-08-02 17:14 |
|
Bjarke Freund-Hansen wrote:
> Knud Gert Ellentoft wrote:
>> 23 Aug 2002 11:27:12 GMT, skrev Bjarke Freund-Hansen
>> <RoceKiller@impsoft.dk>:
>>> Nogle der har løsningen?
>> Hvis det skal virke i alle browsere:
>> body {text-align: center}
>> table.midt {margin-left: auto; margin-right: auto; width: 90%}
>> Ovennævnte kan gøre at du bliver nødt til at sætte text-align på
>> tekst, hvor man ellers ikke ville gøre det (venstrestillet
>> tekst), men er langt den enkleste måde at gøre det på.
> Vil jeg helst undgå, men er det så ikke nok med den nederste. Synes umilbart
> det virker mystisk at det skulle være besværligt.
Og den nederste virker som den skal, vil meget gerne have et link til hvor i
CSS2 dokumentationen du fandt det, da jeg har ledt som bare pokker. ;)
>> Ellers < http://www.bluerobot.com/> under csscentrering.
> Den vil jeg kigge på.
Kan jeg ikke finde.
--
Greetings
Bjarke Freund-Hansen
| |
Knud Gert Ellentoft (23-08-2002)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 23-08-02 17:57 |
|
23 Aug 2002 16:13:41 GMT, skrev Bjarke Freund-Hansen
<RoceKiller@impsoft.dk>:
>> Vil jeg helst undgå, men er det så ikke nok med den nederste. Synes umilbart
>> det virker mystisk at det skulle være besværligt.
Det er det heller ikke, når man kører strict (x)html med IE, men
IE 5.x har en bug og vil ikke centrere tabellen, medmindre du
bruger body {text-align: center}.
Derfor er den med.
>Og den nederste virker som den skal, vil meget gerne have et link til hvor i
>CSS2 dokumentationen du fandt det, da jeg har ledt som bare pokker. ;)
Øhh - aner det ikke, men den må være der et eller andet sted.
Det er ihvertfald korrekt css.
Meningen er at når man har et blockelemement og sætter margin til
auto, så skal browseren selv finde ud af at sætte margin uden om
og dvs. med et element på m90 %, så sætter browseren selv
margin-left/right til 5 %.
>>> Ellers < http://www.bluerobot.com/> under csscentrering.
>Kan jeg ikke finde.
UDe til venstre på siden
< http://bluerobot.com/web/css/center1.html>
< http://bluerobot.com/web/css/center2.html>
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.
| |
Peter Brodersen (25-08-2002)
| Kommentar Fra : Peter Brodersen |
Dato : 25-08-02 19:26 |
|
On Fri, 23 Aug 2002 18:57:24 +0200, Knud Gert Ellentoft
<knudgert@mail.tele.dk> wrote:
>Det er det heller ikke, når man kører strict (x)html med IE, men
>IE 5.x har en bug og vil ikke centrere tabellen, medmindre du
>bruger body {text-align: center}.
IE 6.x forstår så heller ikke at man kører strict xhtml, hvis man
indleder med en (korrekt) XML-deklaration.
Oh, the humanity...
--
- Peter Brodersen
| |
Knud Gert Ellentoft (25-08-2002)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 25-08-02 20:49 |
|
Sun, 25 Aug 2002 20:26:27 +0200, skrev Peter Brodersen
<usenet@ter.dk>:
>IE 6.x forstår så heller ikke at man kører strict xhtml, hvis man
>indleder med en (korrekt) XML-deklaration.
Jeg kan ikke rigtig finde ud af, hvornår IE 6 kører i strict mode
eller ej.
Med
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
så kører IE 6 i strict mode, men med
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
" http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml" xml:lang="da">
gør den tilsyneladende ikke, selvom jeg vil mene det skulle være
strict også?
Men det er så måske xmlindledningen IE 6 ikke kan finde ud af.
De to klassiske ting, som man kan kontrollere det med er jo
centreringen med margin-left/right: auto (skal virke med strict)
og farvede scrollbar (skal ikke virke med strict).
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.
| |
Peter Brodersen (25-08-2002)
| Kommentar Fra : Peter Brodersen |
Dato : 25-08-02 21:11 |
|
On Sun, 25 Aug 2002 21:49:21 +0200, Knud Gert Ellentoft
<knudgert@mail.tele.dk> wrote:
>Men det er så måske xmlindledningen IE 6 ikke kan finde ud af.
Ja - såvidt, jeg kan se, går den i "compatible mode", såfremt der blot
er ikke-blanktegn foran DOCTYPE-deklarationen (som fx en
xml-indledning). Det er desværre ret uhensigtsmæssigt, men bekræfter
uretfærdigt min opfattelse om at alle browsere har defekt ml-parsing
:)
--
- Peter Brodersen
| |
Bjarke Freund-Hansen (26-08-2002)
| Kommentar Fra : Bjarke Freund-Hansen |
Dato : 26-08-02 08:52 |
|
Knud Gert Ellentoft wrote:
> 23 Aug 2002 16:13:41 GMT, skrev Bjarke Freund-Hansen
><RoceKiller@impsoft.dk>:
>>> Vil jeg helst undgå, men er det så ikke nok med den nederste. Synes umilbart
>>> det virker mystisk at det skulle være besværligt.
> Det er det heller ikke, når man kører strict (x)html med IE, men
> IE 5.x har en bug og vil ikke centrere tabellen, medmindre du
> bruger body {text-align: center}.
> Derfor er den med.
Det må IE 5.x brugere så undvære, de fleste jeg kender bruger også IE 6 eller
Opera.
>> Og den nederste virker som den skal, vil meget gerne have et link til hvor i
>> CSS2 dokumentationen du fandt det, da jeg har ledt som bare pokker. ;)
> Øhh - aner det ikke, men den må være der et eller andet sted.
> Det er ihvertfald korrekt css.
Okay, den validater også som den skal. ;)
> Meningen er at når man har et blockelemement og sætter margin til
> auto, så skal browseren selv finde ud af at sætte margin uden om
> og dvs. med et element på m90 %, så sætter browseren selv
> margin-left/right til 5 %.
Det kan jeg se.
>>>> Ellers < http://www.bluerobot.com/> under csscentrering.
>> Kan jeg ikke finde.
> Ude til venstre på siden
> < http://bluerobot.com/web/css/center1.html>
> < http://bluerobot.com/web/css/center2.html>
Kunne slet ikke se siden da jeg prøvede, den svarede slet ikke. Men ser ud
til at virke nu.
--
Greetings
Bjarke Freund-Hansen
| |
Jacob Volstrup (25-08-2002)
| Kommentar Fra : Jacob Volstrup |
Dato : 25-08-02 12:17 |
|
> <table class="news" width="90%" border="1">
Du retter det bare til <table align="center" class="news" width="90%"
border="1">
mvh Jacob Volstrup
| |
Knud Gert Ellentoft (25-08-2002)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 25-08-02 18:58 |
|
Sun, 25 Aug 2002 13:16:48 +0200, skrev "Jacob Volstrup"
<usenet@avanceret.dk>:
>Du retter det bare til <table align="center" class="news" width="90%"
>border="1">
Er forældet kode og kan ikke bruges i stricct (x)html, som
spørgsmålet gik på.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.
| |
Jacob Volstrup (25-08-2002)
| Kommentar Fra : Jacob Volstrup |
Dato : 25-08-02 23:23 |
|
> >Du retter det bare til <table align="center" class="news" width="90%"
> >border="1">
>
> Er forældet kode og kan ikke bruges i stricct (x)html, som
> spørgsmålet gik på.
Undskyld, det havde jeg vist overset... Men forstår dog ikke hvorfor du
absolut vil køre strict... Jeg foretrækker at lave html som (til en vis
grad) overholder standarderne, på en måde så siderne vises ens i alle
browsere, og som ikke nødvendigvis kræver den allernyeste browser.
Dette Gør så også at jeg ofte bruger 'center' i en table-tag, fordi jeg ved
at det virker med alle browser.
Mvh Jacob Volstrup
| |
Knud Gert Ellentoft (25-08-2002)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 25-08-02 23:44 |
|
Mon, 26 Aug 2002 00:22:42 +0200, skrev "Jacob Volstrup"
<usenet@avanceret.dk>:
>Undskyld, det havde jeg vist overset... Men forstår dog ikke hvorfor du
>absolut vil køre strict..
Jeg svarede på et spørgsmål, som Bjarke Freund-Hansen stillede,
så det er ikke nødvendigvis noget jeg vil.
Iøvrigt kan man sagtens køre strict (x)html og få det til at se
stort set ens ud i forskellige browsere.
Det svar som jeg gav f.eks., det vil centrere en tabel fra ver. 4
browsere incl. Netscape 4.x, så er man vidst dækket ind.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.
| |
|
|