Jak zmiescic napis w danym obszarze Opcje

[marmal]

Witam!!
Najlepiej chyba wyjasnic na przykladzie:

Fragment kodu:

[HTML] pobierz, plaintext 
<div><span class="txt"> Jakis tekst</span></div>
[HTML] pobierz, plaintext 

Plik css:

[HTML] pobierz, plaintext 
snap.txt {
        font-family: Times,  serif;
        text-decoration: underline;
        text-align:center;
        font-size: 14px;
        letter-spacing: 3px;
        padding-left:15px;
}
[HTML] pobierz, plaintext 

W Windowsie jest dobrze, ale jak sprawdze w Linuksie (co jest spowodowane innymi nieco czcionkami) to napis wyjezdza poza diva (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)
Przydalby sie jakis ogranicznik po prostu, cos w rodzaju max-width, ale dla span to nie dziala...
Macie pomysl jak to rozwiazac??


marmal

[Zajec]

Po pierwsze: snap.txt -> span.txt

Po drugie:
możesz dać
max-width: x;
display: inline-block;

Po trzecie:
div > span.txt { max-width: x } ? Tylko już nie jestem pewien czy takie coś dotyczy div czy span.

[yavaho]

W stylach tego DIVa daj:

[HTML] pobierz, plaintext 
overflow:hidden;
[HTML] pobierz, plaintext 

Utnie (nie wyswietli) tego co wychodzi poza max rozmiary DIVa
- dlugie wyrazy beda uciete
+ div zachowa swoje wymiary i strona sie nie rozjedzie

[marmal]

Po pierwsze: snap.txt -> span.txt

Po drugie:
możesz dać
max-width: x;
display: inline-block;

Po trzecie:
div > span.txt { max-width: x } ? Tylko już nie jestem pewien czy takie coś dotyczy div czy span.

Co do pierwszego to literowka, bo pisalem to tutaj od nowa na potrzeby przykladu.

Drugie sprawdze - dzieki!!

Trzecie, cos nie kumam, chyba, ze to ma byc JavaScript??


marmal

[revyag]

Co do problemu to wystarczy ustawić odpowiedni padding dla spana i powinno być ok. Jeśli chodzi o max-width to nie można tego używać w odniesieniu do spana, bo jest on elementem liniowym.

[marmal]

Dziekuje wszystkim za pomoc!!

marmal

[Zajec]

Co do problemu to wystarczy ustawić odpowiedni padding dla spana i powinno być ok. Jeśli chodzi o max-width to nie można tego używać w odniesieniu do spana, bo jest on elementem liniowym.

Zwróc uwagę, że dodałem
display: inline-block;
czyli mamy element liniowy o wnętrzu blokowym.

Niestety, inline-block nie rozumie FF. Wszystko inne radzi sobie z tym dobrze (Opera, Konqueror, IE)