Skocz do zawartości

Problem z szerokością preformatowanego kodu


Dżyszla

Rekomendowane odpowiedzi

Hej,

 

Mam sobie tak zdefiniowany element:

code.src
{
	font: normal 20pt Consolas,"Lucida Console","Courier New",monospace;
	color: #EEE;
	white-space: pre;
	display: block;
	padding: 4px;
	overflow: auto;
	max-height: 300px;
}

Teoretycznie powinien on zająć całą szerokość. Niestety, jeśli w kodzie jest dłuższa linia, to szerokość dostosowuje się do niej (i nie ma poziomego paska przewijania).

Co ciekawe, jeśli użyje się 'width: 40%' to faktycznie zajmuje 40% szerokości, ale... całe okno i tak ma poziomy pasek przewijania, a sam element rozciąga elementy nadrzędne, choć jest od nich węższy. Użycie np. 'width: 200px' daje dobry rezultat, ale przestaje być to responsywne.

 

Jak się na sucho pisze, to jest ok. Ale są jakieś dziwne zależności... Nie potrafię przykładu konkretnego przedstawić, ale widać to tutaj: https://www.dzyszla.pl/porada-19.html - wystarczy usunąć obrazki i zmniejszyć szerokość okna przeglądarki.

 

 

 

Jak sobie z tym poradzić?

Bez-nazwy-1.png

Odnośnik do komentarza
Udostępnij na innych stronach

  • 3 tygodnie później...

To tabeli daj:

table-layout: fixed;
width: 100%;

 

DesignBox - projektowanie stron Konin w najlepszym wydaniu. Ponadto tworzenie sklepów internetowych, migracje, optymalizacja, usługi graficzne. Działalność prowadzona nieprzerwanie od ponad 9 lat. Solidnie i w normalnej cenie.

Stabilny hosting w normalnej cenie i tanie odnowienie domen *.pl - SeoHost

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności