ugrás a tartalomhoz

<PRE> IE vs FF

PredMan · 2008. Feb. 2. (Szo), 19.18
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!
 
1

Szia

Franczen Attila · 2008. Feb. 2. (Szo), 19.59
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...
2

pre

PredMan · 2008. Feb. 2. (Szo), 20.20
szia!

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.
3

Fix szélesség

vbence · 2008. Feb. 2. (Szo), 20.50
Az arial nem fix szélességű betütípus, és ezesetben ugyebár fújhatod az egészet, mert az "M" betüd szélesebb lesz, mint az "i", a space-ekről nem is beszélve...

B
4

OK

PredMan · 2008. Feb. 3. (V), 15.38
Szia!

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.
5

Trim

vbence · 2008. Feb. 3. (V), 15.43
szedd le a végéről a fölösleges entert
6

re

PredMan · 2008. Feb. 3. (V), 16.32
azon vagyok már egy jóideje, de nem sikerül:

$szoveg = trim($szoveg, "\n");

$szoveg = trim($szoveg, "<br />");

$szoveg = substr($szoveg, 0, -1);

egyik se jó...
7

Tehát...

vbence · 2008. Feb. 3. (V), 16.58
...úgy van vége, hogy
blahblahblah</pre>
nem pedig úgy, hogy
blahblahblah
</pre>
Ha valóban ez a helyzet,a kkor nincs ötletem...
8

tab vs php

janoszen · 2008. Feb. 3. (V), 18.31
A TAB PHP-vel való átalakítása semmi bonyolultságot nem tartalmaz, szerintem, próbálkozz meg táblázatot gyártani a tabulált adatból.