Kompatibilnost z browserji

Kaj storiti, ko je tekst predvsem na ekranih z manjšo resolucijo (tablice, telefoni) nepravilno prikazan. Zadnja besede prejšnje vrste se prikaže čez prvo besedo naslednje vrste. Problem je predvsem v Firefoxu in Safariju. Uporabljam fonte Tahoma.

Na večjih ekranih je prikazano normalno.

Popraviti je potrebno CSS, ker v tej obliki ni optimalen.

Glede na opis problema ti sicer težko pomagamo "na pamet", ker je lahko narobe marsikaj.

V css-ju lahko določiš drugačno oblikovanje ko je prikazana stran manjša od "xy"px, nato omejiš css še na brskalnik...

@media only screen and (max-width: XYpx)

{

@-moz-document url-prefix() {

/ popravek za firefox/

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

/* Safari */

::i-block-chrome, .imediva { }

}

}

Ma zmešalo se mi bo. Danes sem še posodobil ta program WYSIWYG varianto, zdaj mi v IE ne dela več pravilno Lytebox, niti povezave rollover image... Ne vem, kaj so sčarali v kodi...

Poiskusi nastavit line-height, mogoče je v tem težava.

Line height ne pomaga... tukaj je slikica, kako izgleda vse skupaj.

Slika

slikce ni ...a paziš na vrstni red v css (prevlada zadnja komanda) .... probaj !important

Evo link do slike zdaj dela... Če v FF povečujem/pomanjšujem ekran CTRL+/-, se enkrat prikaže prav, drugič ne...

Amon:

V css-ju lahko določiš drugačno oblikovanje ko je prikazana stran manjša od "xy"px, nato omejiš css še na brskalnik...

@media only screen and (max-width: XYpx)

{

@-moz-document url-prefix() {

/ popravek za firefox/

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

/* Safari */

::i-block-chrome, .imediva { }

}

}

Amon, imaš morda kak link do kake spletne strani z navodili, kako določiti različen CSS za različne brskalnike oz. celo za različne verzije enga brskalnika?

Hvala v naprej! :)

To bi zelo prav prišlo. Se tudi jaz zahvaljujem v naprej.