[CSS] Problema con padding

**pezzo** · 24-10-2005, 17:58

Ciao!
Con i css ho fatto un div con queste caratteristiche

div#news2 {margin: 0px 0px 0px 0px; width: 140px; height: 110px;
background-image: url(../immagini/xyz.gif); text-align:left;}

e al testo ho applicato la seguente classe:

div#news2 .com{color:FDFB78; font-size: 9px; padding: 0px 5px 0px 8px;}

Tutto funziona correttamente nelle prime righe dopo di che quando deve andare a capo perché il testo non ci entra (non quando ci vado io volontariamente), si disallinea e non rispetta più il padding.

---------------------------
| lascia giusto margin |
| non rispetta padding |
| |
| |
---------------------------

Perché?
Grazie.

**pezzo** · 24-10-2005, 20:00

up

**Mich_** · 25-10-2005, 08:33

Non e` che si capisca molto, neanche guardando lo schema che hai tentato di postare (e che il forum ha capito male - se vuoi fare ascii-art, devi scriverlo dentro [ code ] ).

Comunque al minimo devi postare il codice HTML cui si riferisce il CSS.
Meglio ancora un link alla pagina (se possibile).

E dato il tipo di problema devi dire con quale/i browser hai testato.

**pezzo** · 25-10-2005, 17:10

Hai ragione... riproviamo!

Dunque su IE6 ho il seguente problema:

Solo la prima riga rispetta il padding, le altre no disallineandosi dal resto...

Tenete conto che il div dentro cui inserire il commento si chiama news2 ed è descritto da

codice:

div#news2 {margin: 0px 0px 0px 0px; width: 140px; height: 110px; 
background-image: url(../immagini/xyz.gif); text-align:left;}

dove xyZ.gif è l'immagine del cartello

al testo ho applicato la seguente classe:

codice:

div#news2 .com{color:FDFB78; font-size: 9px; padding: 0px 5px 0px 8px;}

Quindi stampo dei commenti con una pagina in php che li recupera da un db:

codice:

echo nl2br("<span class=\"com\">$commento</span>");

Spero di essere stato più chiaro!

**Mich_** · 25-10-2005, 17:31

Un codice CSS dice poco se non e` accompagnato dal codice HTML cui si riferisce.

Il discorso lato server non riesco a seguirlo: viene prima o dopo la pagina di cui stai parlando?
Se viene prima non interessa (interessa solo come ha generato la pagina); se viene dopo e` un problema dell'altra pagina.

**pezzo** · 25-10-2005, 19:17

Ho preso solo il codice html generato da php e omesso le parti che non possono interessare

codice:

<html>
<head>

<title>bla bla bla</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="bla bla bla">
<meta name="keywords" content="bla bla bla">
<link rel="stylesheet" type="text/css" href="../css/template.css">
<script language="JavaScript">
Qui ci stanno dei javascript
</script>
<body bgcolor="#ffffff" onLoad="MM_preloadImages('../immagini/barnav/barnav_r1_c3_f2.gif','../immagini/barnav/barnav_r1_c3_f4.gif','../immagini/barnav/barnav_r1_c3_f3.gif','../immagini/barnav/barnav_r3_c1_f2.gif','../immagini/barnav/barnav_r3_c1_f4.gif','../immagini/barnav/barnav_r3_c1_f3.gif','../immagini/barnav/barnav_r5_c3_f2.gif','../immagini/barnav/barnav_r5_c3_f4.gif','../immagini/barnav/barnav_r5_c3_f3.gif','../immagini/barnav/barnav_r7_c2_f2.gif','../immagini/barnav/barnav_r7_c2_f4.gif','../immagini/barnav/barnav_r7_c2_f3.gif','../immagini/barnav/barnav_r9_c2_f2.gif','../immagini/barnav/barnav_r9_c2_f4.gif','../immagini/barnav/barnav_r9_c2_f3.gif');">
</head>

<body>
<div id="container"> 
  <div id="header"> 
[img]../immagini/up.jpg[/img]
  </div>
  <div id="content1"> 
    [img]../immagini/bla.jpg[/img]

     <span class="elenco">Anno:</span> 2004

     <span class="elenco">Autore:</span> AA.VV.

     <span class="elenco">Titolo:</span> La super raccolta

     <span class="elenco">Edizione:</span> bla bla bla

     










<span class="recensione">L'idea di questa antologia...

    <center>
     <A HREF="insert.php?" class="colore_link">Inserisci commento
</a><A HREF="view_c.php" class="colore_link"> Leggi i commenti&nbsp(52)
</A>    </center> 
    <div class="split2"> 
      <div> bla bla bla</div>
    </div>
  </div>
  <div id="extra"> 
    <div id="news2">
        

 
        

<span class="com">Prova commento per html.it.

Come vedete rispetta il padding sinistro solo nella prima riga</span></p>
    </div>
    </div>
  <div id="navigation"> 
        Qui ci stanno le istruzioni per la barra di navigazione
    <div> </div>
  </div>
  
 <div id="footer">
    <div id="footersn"> Chi siamo </div>
    <div id="footerdx">  Contatti </div>
    bla bla bla</div>
</body>
</html>

**webus** · 26-10-2005, 01:16

<div id="news2">

<span class="com">Prova commento per html.it.

Come vedete rispetta il padding sinistro solo nella prima riga</span></p>
</div>

hai messo il testo in uno span, cioè in un elemento inline. Per cui viene interpretato come su 1 linea.

Spostalo, come corretto, nel markup |P|:
<div id="news2">
<p class="com">
Prova commento per html.it.

Come vedete rispetta il padding sinistro solo nella prima riga</p>
</div>

Ciao!

PS. per favore, spezza le righe che hai postato.
In questo modo il thread è illeggibile.

**Mich_** · 26-10-2005, 09:08

Ci sono varie cose che permettono al browser di fare quello che vuole.
1. usi formattazione HTML mescolata a CSS: non conviene mai. Sposta tutta la formattazione dentro i CSS.
2. Nella pagina ci sono due tag <body>, di cui uno non chiuso e dentro la head.

Discussione: [CSS] Problema con padding

Strumenti discussione

Ricerca discussione

Visualizza

[CSS] Problema con padding

Permessi di invio