text-align i Mozzila

Har du checket hvad de officielle specs siger?

text-align:center; virker fint her..

Du skal huske at assigne align til de elementer du bruger, f.eks tabeller. Det er IKKE nok at gøre det på body...

td.centertekst{
text-align:center;
}
<td class="centertekst">

f.eks

Jeg går næsten ud fra at du prøver at centrere en tabel eller box (div) vha. text-align center i body?

I mozilla påvirker text-align:center ikke box elementer og du skal derfor benytte margin: auto; dvs sætte din højre og venstre margin til auto og dermed fylde resten af pladsen ud. Dette virker ikke i IE, hvorfor du bør anvende en kombination af begge.

Andet info om centrering:

http://bluerobot.com/web/css/center1.html
http://bluerobot.com/web/css/center2.html

/Gensmann

okay

Det er en tabel som skal centreres. Jeg har sat margin:auto på den og det ser ud til at virke. Jeg får imidlertid en irriterende lille stribe i mit baggrundsbillede. Det har været der før, så forsvandt det og nu er det der igen :-(

mik28> Det er pænt umuligt at hjælpe med den slags problemer når du ikke henviser til et sted hvor man kan se fænomenet og kildekoden - det andet vil være rent gætteri.

http://www.web-oasen.dk/mortallovebeta/servlet/Start

problemet er kun i mozilla

hvis du kigger lidt på striben kommer den fordi dit baggrundsbillede gentager sig selv. Med andre ord er din tabel større i Mozilla end i IE. Det skyldes formodentlig et box model issue.

Nu finder jeg det generelt ikke specielt lækkert at bruge tabeller til den slags layouts, men foretrækker containers så som divs da man har bedre control over dem grundet mindre kompleksitet, så jeg orker ikke lige at løbe hele din kode igennem for at finde det sted hvor boxmodellen fejler.

umiddelbart ville en Q'n'D løsning være at lade være med at gentage baggrundsbilledet og så bare have en sort bg color: background-image-repeat:no-repeat; - men det er en Q'n'D løsning og det ville være bedre for dig at få styr på box modellen og din kode.

/Gensmann

Jeg syntes egenligt jeg har rimmelig styr på koden.

mik28> med styr på koden mener jeg CSS specifikationer :)

Du indsætter extern stylesheet, men bruger alligevel inline styles. Du benytter en DOCTYPE der ikke tvinger IE 6.0 over i standards rendering mode (www.alistapart.com/stories/doctype/). Samt en del redundante angivelser i din eksterne CSS fil (font definationer flere gange for a selvom de er det samme og lignende).

Derudover var det nu primært css box modellen jeg anbefalede dig at sætte dig lidt ind i det da formodentlig ville kunne hjælpe dig til at finde fejlen... mere info på:

http://jessey.net/simon/articles/003.html
http://www.thenoodleincident.com/tutorials/box_lesson/

Hvis jeg sætter cellpadding='0' cellspacing='0' så passer det. Jeg troede bare at jeg allerede havde gjort det via CSS

Tør man spørger hvilken DOCTYPE man skal bruge :-)

mik28> cellpadding/spacing kunne godt være det problem der gav den lidt større box i mozilla :) - en anden grund til jeg foretrækker tableless layouts, ikke så mange default indstillinger i browseren at bekymre sig om. :)

Angående DOCTYPE så tag et kig på det link til "a list apart" jeg skrev i mit sidste indlæg. html 4.01 er den ældre generation af html specifikationen og XHTML er den nyere XML compliant udgave. Der er masser af info at finde om dette emne ved at søge lidt rundt på google, alltheweb.com eller hvad din foretrukne søgemaskine nu er.

det er cellpadding og spacing som giver problemet. Er det her korrekt


table {
    border: 0;
    padding: 0;
      border-collapse: collapse;
    }
det jeg vil er at fjerne al border,cellpadding,cellspacing på alle tabeller.

når jeg validerer skriver den det her

table {
border : 0 none ;
padding : 0;
border-collapse : collapse;
}

mik28: Du skal for det første huske at angive en enhed på dine 0 angivelser. Er det 0køer, 0høns, 0pixels eller f.eks 0em?

Derudover skal du huske på at det tag du arbejder på der er table tagget og ikke nødvendigvis alle tag som er indeholdt i det. Dvs du fjerner godt nok padding fra table tagget, men ikke fra td'er eller tr'er osv.

CSS er ikke bare erstatninger for HTML's visuelle atributter. Det er en lidt anden måde at tænke på. Nemlig i enkelte elementer som man styler vha selectore der påfører egenskaberne til de enkelte tags der er indeholdt i en selector.

Jeg har sat

table {
    border: 0px;
    padding: 0px;
      border-collapse: collapse;
    }
tr {
    border: 0px;
    padding: 0px;
      border-collapse: collapse;
    }

td {
    border: 0px;
    padding: 0px;
      border-collapse: collapse;
    }

i det css jeg linker til og det ser ud til at virke efter hensigten. Er det forkert at bruge både linket css og inline, eller skal jeg lave en .tdegenskaber og så kalde den med class, hvis jeg nu vil have border o.s.v på nogle elementer.

Det er ikke forkert at blande inline og ekstern css. Det er bare noget rode kode at finde rundt i. Der er ingen grund til ikke at adskille design så meget fra indholdet som muligt, hvilket ekstern css gør muligt og dermed cacher css'en i browser. Dette resulterer i hurtigere load tider.

Det var en af de ting der lå i min kommentar med at få styr på din kode. Lige nu er der pænt meget kludetæppe følelse over det. Lidt indsat her og lidt indsat der for at fikse diverse ting. Det er kool nok når man lige tester forskellige muligheder og lignende, men færdig producerede sider bør have en så skarp opdeling af de forskellige elementer som muligt. Det handler med andre ord om at tilføje sin udviklingsprocedure konsekvens og struktur. På den måde er det også væsentlig nemmere at bugfikse. Ikke bare i dag men også om 3-4 måneder når man har glemt hvor man lige skrev den ene eller anden css defination.

Derudover burde du ikke skulle lave border collapse på både td, tr og table, mener at table er nok. Samtidig benytter du de samme definationationer i dine 3 forskellige selectorer hvorfor du lige så godt kunne gruppere dem og spare kode, hvis det endelig skulle være.

table, tr, td {
    border: 0px;
    padding: 0px;
      border-collapse: collapse;
    }

Jeg siger mange tak for din interesse. Jeg kan godt se at der er nogle ting jeg skal have sat mig bedre ind i :-) Pointene er dine hvis du ligger et svar

Lige lidt at runde af på:

css selectors toturial:
http://www.westciv.com/style_master/academy/css_tutorial/selectors/

Lidt blandet css fra #CSS channel faq på Quakenet.
http://www.gensmann.com/css/faq.htm

Pointene nupper du bare til dig selv - jeg har dem jeg skal bruge p.t. og så kan du jo gemme dem til endnu et css spørgsmål :)

God fornøjelse

Okay