Scrivere in un riquadro grafico: che sto sbagliando?

**Nokao** · 10-09-2005, 10:52

Ho 'prodotto' questo codice facendo il solito sbaglio di provarlo solo con IE

Su IE si vede il riquadro grafico e il testo al suo interno.

Su firefox si vede il riquadro grafico rimpicciolito nei suoi minimi termini, ed il testo gli finisce sopra overflowando.

codice:

<html>
<head>
<style>
#quadrato{height:auto;width:279px;border:0px solid blue;padding-left:0px;overflow:hidden;margin:10px}
#top{width:279px;height:29px;background:#fff url('top.gif') no-repeat;}
#center{width:279px;height:29px;background:#fff url('mid.gif') repeat-y;padding-left:20px;}
#bottom{width:279px;height:29px;background:#fff url('bot.gif') no-repeat;}
</style>
</head>
<body>
	<div id="quadrato">
		<div id="top"></div>
		<div id="center">asdsad

parola lungaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa a capo

asdsada



asdsada



asdsada



asdsada

</div>
		<div id="bottom"></div>
	</div>
</body>
</html>

Le immagini sono delle banali cornicette che si agganciano...
Niente di speciale.

Vorrei fare un riquadro grafico senza usare le tabelle vecchio stile... ma ho sempre problemi di compatibilita' coi css.

**andrea.paiola** · 10-09-2005, 10:58

mettilo a posto per firefox e poi modificalo per gli altri browsers

**Nokao** · 10-09-2005, 12:48

Si.... ma prima devo sapere perche' fa cosi' su firefox non credi?

Il codice pare giusto, il problema e' che il testo non sembra comportare un allungamento del div centrale.

**andrea.paiola** · 10-09-2005, 12:50

ci sono diversi errori nel codice...
chiudi un paragrafo prima di averlo aperto per esempio

**Nokao** · 10-09-2005, 13:30

Scusa ma da quello che sapevo io:

Nel vecchio html 4 un paragrafo va aperto e chiuso con:

codice:

</p>

Nell'xhtml basta usare la / alla fine dei tag per evitare di chiudere un tag con < / tag >

codice:

O sbaglio...?

**andrea.paiola** · 10-09-2005, 15:00

Originariamente inviato da Nokao
Scusa ma da quello che sapevo io:

Nel vecchio html 4 un paragrafo va aperto e chiuso con:

codice:

</p>

Nell'xhtml basta usare la / alla fine dei tag per evitare di chiudere un tag con < / tag >

codice:

O sbaglio...?

sbagli... in html non c'era l'obbigo di chiudere TUTTI i tags

in XHTML l'obbligo c'è percui:

questo è una sola frase ma fai finta che sia un paragrafo</p>

ok?

**Nokao** · 10-09-2005, 17:38

Si ma io ti stavo facendo notare che non ho mai aperto un paragrafo... < p >

Ho sempre usato < p />

Essendo un P gia' chiuso di suo, perche' ri-chiuderlo?

P.S. Ho comunque sistemato il codice dei paragrafi come consigliavi tu ma il problema del riquadro non si e' risolto.

Il testo gli passa sopra ed il riquadro e' grande il minimo possibile.

**andrea.paiola** · 10-09-2005, 19:15

mmm no: il tag p (avendo per forza di cose un contenuto) non può essere chiuso con la sitassi abbreviata...il tuo codice va riscritto così:

codice:

<html>
<head>
<style type="text/css">
 #quadrato{height:auto;width:279px;border
:0px solid blue;padding-left:0px;overflow:hidden;margin:10px}
 #top{width:279px;height:29px;background:
#fff url('top.gif') no-repeat;}
 #center{width:279px;height:29px;backgrou
nd:#fff url('mid.gif') repeat-y;padding-left:20px;}
 #bottom{width:279px;height:29px;backgrou
nd:#fff url('bot.gif') no-repeat;}
</style>
</head>
<body>
	<div id="quadrato">
		<div id="top"></div>
		<div id="center">

Questo non è un paragrafo!
 desso sì che è un paragrafo</p></div>
		<div id="bottom"></div>
	</div>
</body>
</html>

poi vabbè visto che non dichiari neanche la DTD non posso sapere se stai usando html o XHTML o altro... il codice te l'ho riscritto pronto per XHTML 1.1 comunque; anche se servirebbero un po' di altre cosette come la dichiarazione della lingua ecc ecc

Discussione: Scrivere in un riquadro grafico: che sto sbagliando?

Strumenti discussione

Ricerca discussione

Visualizza

Scrivere in un riquadro grafico: che sto sbagliando?

Permessi di invio