Div Scroll, dynamiczna szerokość Opcje

[ksanderon]

Mam stronę, na której chcę umieszczać kody źródłowe Pythona- Do kolorowania składni używam google prettify, wszystko jest dobrze, tyle że kontener, w którym mam treść strony automatycznie dostosowuje się do szerokości okna(chyba, że szerokość mniejsza niż 800 wtedy wyświetla pasek przewijania u dołu strony)- tak ma być. Ponieważ kod Pythona bywa "szeroki" zdąża się, że nawet przy standardowych rozdzielczościach strona trochę się rozjeżdża przez niego(kod)- dlatego postanowiłem kontener dla kodu (klasę pre) umieszczać wewnątrz przewijanego poziomo diva. I tu pojawia się problem- wszystko ładnie działa, gdy podam jego szerokość w px, jeśli jednak zrobię to przy pomocy procentów(co by było bardzo wygodne w tym wypadku) lub podam left i right jako 0px to efekt jest taki, że scroll owszem jest, ale nijak nie działa, ponieważ pre rozpycha diva- wiem, że dało by radę coś z tym zrobić poprzez JavaScript, ale wolę to zostawić na koniec. Wie ktoś jak to zrobić przez css?

Przykładową stronę można zobaczyć tutaj:http://ksanderon.tk/PythonDynamicModules.html

przykład z divem jest tylko przy najszerszym kodzie.

Ten post edytował ksanderon 29.06.2011, 22:03:37

[ksanderon]

Dzięki- mi też te tabelki wcale się nie podobały- ale jakoś nie wychodziło mi z floatami(wiedziałem, że dzięki nim można otrzymać podobny efekt ale brakło mi pomysłów/cierpliwości oraz przykładów jak to zrobić)- teraz dobrze przeanalizuję sobie to(aby się douczyć) i szybko podmienię w szablonie generatora stron(gdy sprawdzę, że nie ma to jakiś niemiłych następstw).


no... left 0 i right 0 tak na logikę powinny powodować to samo co np. left:0 i width: 100%(jako matematyczna różnica zbiorów- ale wydumałem nie?), ale ja w CSS jestem raczej noobek (wchodzę w to gdy muszę), więc od razu można to wstawić do działu śmieszne/żałosne (IMG:style_emoticons/default/czarodziej.gif)

Jeszcze raz dzięki.