Salve a tutti!
So che da qualche parte nel forum questo problema deve essere gia' stato risolto, ma proprio non riesco a trovare dove.
In pratica, sto lavorando su una pagina che in sintesi e' simile a questa:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<body>
<div style="width: 300px; overflow-x: auto;">
<pre>
<span style="background-color: yellow; display: block;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam tempor arcu.
Sed augue velit, ornare quis, aliquet at, luctus quis, massa. Nulla mauris. Nulla tristique nisi eu lectus. Ut ac libero sit amet mi molestie imperdiet.
Mauris iaculis neque eget magna. Aliquam sed justo et velit condimentum condimentum.
Donec sagittis laoreet libero. Fusce tincidunt turpis sit amet nulla. Ut fermentum dui sed lectus. Integer et tortor ut risus porta elementum. Sed porta arcu in sem.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</span>
</pre>
</div>
</body>
</html>
Testando la pagina su Firefox, si nota che lo span, di colore giallo, rimane ancorato alla dimensione originale del div (300px), mentre vorrei si espandesse fino ad occupare tutta l'area disponibile.
Grazie mille per ogni consiglio
Rispondi quotando
