Hur marginaljustera text så det funkar i alla webläsare?

Tråden skapades 2011-07-21 och har fått 9 svar. Det senaste inlägget skrevs 2011-07-30.

Skriv svar

2011-07-21 21:48

Mutant
Medlem ●
2011-07-21 21:48

Vad använder ni för kod för att marginaljustera text så det funkar i alla webläsare?

Jag får det inte att funka i Internet Explorer (Windows). I Safari och Firefox på Macen funkar det givetvis.

Kör följande i min CSS:

#text-body {
text-align : justify;
text-justify : inter-word;
}

Detta pga att jag läst på nätet att detta är vad Explorer kräver.

Det verkar dock inte som om det är denna kod Safari går på utan i första hand utan på justeringen jag har i tabellens cell.

<td align="justify">

Om dumma Explorer kunde vänsterjustera den marginaljusterade texten istf att mittcentrera den så kunde man kanske leva med problemet, men nu är det ytterst irriterande...

Någon som vet hur jag löser detta?

Anmäl Ändra Gilla Svara

2011-07-21 23:38

klarabara
Medlem ●
Stockholm
2011-07-21 23:38

Visste inte att text-align:justify inte fungerar på IE, väl noterat.. marginal-justerat äger!

Är du säker på att css'en styr utseendet egentligen? Om safari går på det som står i td-taggen så kanske IE gör det med?

Jag har för mig att vad som står i taggarna går före vad som står i css-filen, många går ifrån att skriva saker i taggarna eftersom det blir jobbigare att underhålla.

Kanske om du tar bort align="justify" från taggen så ser du om css'et har någon effekt?

Anmäl Ändra Gilla Svara

2011-07-22 10:56

Mutant
Medlem ●
2011-07-22 10:56

Tack för hjälpen att tänka. Med enbart <td> blir det vänsterjusterat i Safari och Firefox men fortfarande mittjusterat i Explorer 8 och 9 enligt IE NetRenderer. Verkar mao som om det bara är Explorer som tolkar denna kod från CSS-filen, men på fel sätt...?

Senast redigerat 2011-07-22 12:34

Anmäl Ändra Gilla Svara

2011-07-22 15:28

klarabara
Medlem ●
Stockholm
2011-07-22 15:28

Det verkar som att du har hamnat på default-inställningen, i FF o Safari är default vänster och i IE centrerat.
Jag tror att det som gör det hela lite knepigt är att det är i en tabell du ska justera, att man kan behöva vara mer specifik då.

Har du testat att skriva #text-body td{} ? Ibland kan det vara bra att ha både hängslen och bälte.

Jag skulle satsa på att testa runt lite tills du vet vilken css som biter. (Jag brukar skriva text-transform:uppercase; så när det jag vill ändra är i caps då vet jag att jag har rätt selector)
Krångla inte till det med att skriva i både taggar och css-filen, det gör det bara svårt att underhålla och felsöka, i mitt tycke i vart fall.

Senast redigerat 2011-07-22 16:09

Anmäl Ändra Gilla Svara

2011-07-28 19:29

Mutant
Medlem ●
2011-07-28 19:29

Eftersom ingenting ville bita så valde jag i slutändan att vänsterställa all text ... får se om man lyckas lösa detta vid ett senare tillfälle.

Anmäl Ändra Gilla Svara

2011-07-28 19:37

Gäst10931
Avstängd ●
2011-07-28 19:37

Kör du med någon CSS-reset? Inte alls dumt att nollställa allt i början av sin stylesheet.
Inte sällan får man ju också göra en egen sekundär CSS som tar hand om explorers alla egenheter.

Anmäl Ändra Gilla Svara

2011-07-28 23:32

pichia
Medlem ●
Göteborg
2011-07-28 23:32

Ursprungligen av eskimo:

Kör du med någon CSS-reset? Inte alls dumt att nollställa allt i början av sin stylesheet.
Inte sällan får man ju också göra en egen sekundär CSS som tar hand om explorers alla egenheter.

Gå till inlägget

Jag tänkte precis i samma bana med css-reset. Där brukar de se till att alla webbläsare har vänsterjusterad text i tabellceller.
Använder du sedan, som klarabara påpekar, rätt css selector för att styla just de aktuella cellerna är det bara att köra "text-align : justify;" Det är nog inget problem med IE så länge man kör det med css och inte tveksamma stilattributer i html.