Forum PHP.pl > [css][div?] scrool div

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

mokry

23.09.2006, 01:41:21

Witam... Zapodalem sobie do mnie na stronke skrypcik do BBcode i mam problem ze stylami...
Mianowicie:
Kiedy wstawiam sobie kod php do BBcode i nie ma dlugich linijek to wszystko jest wporzadku...
Schody zaczynaja sie w momencie, gdy w kodzie znajdują się bardzo długi linie. Wiadomo ze spod php obcinanie dlugich wyrazow odpada, bo wystapia bledy...
Suwak istnieje i pod IE i pod FF, jednak pod IE do jakiegoś czasu a potem i tak ścina linie i nie zgadzaja sie numery linijek kodu z samym kodem a pod FF wszystko ok...

Jesli mozecie zajrzec: http://mokry.bitmar.net

Moj CSS do obslugi bloku z kodem php:

Kod

.linenumber {
    font-family: Arial, sans-serif;
    font-size: 12px;
    background-color: #FFDFBB;
    line-height: 15px;
    vertical-align: top;
}

.code {
    font-family: Arial, sans-serif;
    font-size: 12px;
    background-color: #FAFAFA;
    max-width:478px;
    overflow: auto;
    line-height: 15px;
    vertical-align: top;

}

.php {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFDFBB;
    border-right-color: #FFDFBB;
    border-bottom-color: #FFDFBB;
    border-left-color: #FFDFBB;

}

A oto kod HTML jak wyglada blok:

[HTML] pobierz, plaintext 
<div class="php"><div class="lang"><b>Kod php ('.$numerki[0].' lini):</b></div><div class="container"><table border="0" width="100%"><tr><td class="linenumber" align="right">'.$numerki[1].'</td><td><div class="code">'.$kod.'</div></td></tr></table></div></div>
[HTML] pobierz, plaintext

Wiadomo, ze tam gdzie zmienna $numerki[1] wyswietla po kolei linie, a tam gdzie zmienna $kod- sam pokolorowany kod php.

Prosze o pomoc, naprowadzenie, jak to zrobic aby dzialalo pod IE no i Operze, bo tam tez jest fatalnie.
Dzieki za wszelka pomoc,
Michal

My4tic

23.09.2006, 08:37:50

Spróbuj dodać do .code takie coś:

[HTML] pobierz, plaintext 
white-space: nowrap;
[HTML] pobierz, plaintext

Poza tym popraw całą klase .php bo niepotrzebnie opisujesz każdą 'strone' ramki. Możesz zrobić tak:

[HTML] pobierz, plaintext 
.php {
border-color:#FFDFBB;
border-width:1px 1px 1px 0px;
border-style:solid
}
[HTML] pobierz, plaintext

No i na koniec... przenieś takie rzeczy jak to:

[HTML] pobierz, plaintext 
align="right"
border="0" 
width="100%"
[HTML] pobierz, plaintext

...do CSS.

mokry

24.09.2006, 18:32:35

Okey, faktycznie, zapomnialem o nowrap...
Do tegozmienilem "max-width" na "width" i dodałem:

Kod

overflow: auto;

Jednak pojawil sie nieco inny problemik... Pojawia mi sie w IE dodatkowo pasek przewijania poziomowego i nie mam pojecia jak go zlikwidowac.
Jakies pomysly?
Ps. Mozilla i Opera juz smiga

gekon

24.09.2006, 18:38:02

http://riddle.jogger.pl/2006/04/04/rozwiaz...flow-auto-w-ie/

mokry

24.09.2006, 19:03:17

Idealnie, pomoglo...
@My4tic, @gekon: wielkie dzieki

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.