<PRE> IE vs FF
Sziasztok!
beleütköztem egy olyan problémába, aminek nem látom a logikáját... SQL-ből listázok adatokat <PRE></PRE> tagok közé ami tökéletesen működik ugyan, de ha a PRE-nek adok CSS-ben stílust, akkor a tabulátor karakterek FF-ban elmozdulnak /ha nem adok meg stílust, akkor minden OK, de hogy néz már ki a szabványos betűtípusa a PRE-nek/.
vázlatosan: ha nem adok meg stílust, akkor mindkét böngészőben jól jelennek meg a tab karakterek így:
szöveg....10
s..............12
sdf...........13
de ha adok stílust a PRE-nek, akkor az IE továbbra is jó, a FF pedig így reagál:
szöveg....10
s.....12
sdf.....13
tehát szétesik minden. Ezt szúrtam be CSS-be:
pre {
font-family: Arial;
font-size: 15px;
white-space: normal;
}
a white-spacet már kínomban raktam oda, hátha ez kell még a FF-nak, de semmi hatás.
aztán még egy érdekesség, ott meg pont fordított a helyzet: ezt a formázott szöveget cellába listázom. A poén az, hogy az IE a cella tetejére helyezi a szöveget, mintha megadnék a cellának valign="top" paramétert... FF-ban ilyen gond nincs, ott minden rendesen középen van.
tudnátok nekem segíteni ezügyben? segítségeteket előre is köszönöm!
■ beleütköztem egy olyan problémába, aminek nem látom a logikáját... SQL-ből listázok adatokat <PRE></PRE> tagok közé ami tökéletesen működik ugyan, de ha a PRE-nek adok CSS-ben stílust, akkor a tabulátor karakterek FF-ban elmozdulnak /ha nem adok meg stílust, akkor minden OK, de hogy néz már ki a szabványos betűtípusa a PRE-nek/.
vázlatosan: ha nem adok meg stílust, akkor mindkét böngészőben jól jelennek meg a tab karakterek így:
szöveg....10
s..............12
sdf...........13
de ha adok stílust a PRE-nek, akkor az IE továbbra is jó, a FF pedig így reagál:
szöveg....10
s.....12
sdf.....13
tehát szétesik minden. Ezt szúrtam be CSS-be:
pre {
font-family: Arial;
font-size: 15px;
white-space: normal;
}
a white-spacet már kínomban raktam oda, hátha ez kell még a FF-nak, de semmi hatás.
aztán még egy érdekesség, ott meg pont fordított a helyzet: ezt a formázott szöveget cellába listázom. A poén az, hogy az IE a cella tetejére helyezi a szöveget, mintha megadnék a cellának valign="top" paramétert... FF-ban ilyen gond nincs, ott minden rendesen középen van.
tudnátok nekem segíteni ezügyben? segítségeteket előre is köszönöm!
Szia
Lehet, hogy hülyeség amit mondok, mert lusta voltam kipróbálni, de számítsd a szándékot is, ha nem sikerül :)
A <pre> helyett, legyen modjuk <p> a következő formázással:
p {
white-space: pre;
}
Ha nem segít, dobj lszi egy linket a forráshoz, vagy írd be magát a forrást, mert anélkül nehéz nekem...
pre
kipróbáltam a <p> javaslatot, de úgy még rosszabb a helyzet :)
beszúrom a forrást:
echo'<td width="75%" align="left"><pre>';
$szoveg = $sor["leiras"];
$szoveg = wordwrap($szoveg, 58, "\n");
echo $szoveg; echo'</pre></td>
és ehez párosítom a fennt leírt CSS kódot, ami megformázza a <PRE> tagot.
Egyszerüen fogalmam sincs, mi lehet a gond, ha a CSS részét kitörlöm, tehát nem formázom a <PRE> -ben lévő szöveget, akkor FF-ban is jó minden.
Fix szélesség
B
OK
maradtam annál a megoldásnál, hogy "monospace" betűtípust adtam meg stílusnak. Nem szép megoldás, de nem tudok mit csinálni, mert a "vevő" ragaszkodik a tabulátorok használatához.
Egy problémám van már csak:
IE a <PRE> közti teljes szöveg legvégére berak egy karaktert, gondolom sortörés karakter lehet, mivel följebbcsúszik a szöveg a legszélén lévő képhez képest...
itt egy kép: http://predman.uw.hu/hiba.jpg
látható, hogy firefoxban a kép is, meg a szöveg is középen van, egyedül az IE csinálja ezt.
Tudtok erre valami megoldást? próbáltam lecserélni a "\n", "<br />" karaktereket, de semmi hatás.
Trim
re
$szoveg = trim($szoveg, "\n");
$szoveg = trim($szoveg, "<br />");
$szoveg = substr($szoveg, 0, -1);
egyik se jó...
Tehát...
tab vs php