larghezza fissa ai div

**impennata** · 19-12-2006, 13:00

ciao,
stocercando dia fare un calendario interamente con i div ma non riesco a bloccare la larghezza dei div!!

che attibuto posso dare????
+ o meno è così:

%><div class="calendario"><%
%><div class="mese">MESE</div><%
for j=1 to 31
%><div class="intGiorno"><%=j%></div><%
next
%></div><%
e nel css...

div.calendario{
width:520px;
float:left;
/*display:inline;*/
}

div.calendario div.intGiorno{
min-width:15px;
width:15px;
display:inline;
background-color:#FFFFFF;
}

div.calendario div.mese{
width:50px;
display:inline;
}

**fcaldera** · 19-12-2006, 16:12

definendo una larghezza per quel div dovresti essere a posto... però dovresti postare un link alla pagina in questione (il codice lato server non fa fede...) e controllare se il problema si verifica con certi browser (quali?) oppure su tutti...

**impennata** · 19-12-2006, 16:16

purtroppo è una pagina in locale, il problema comunque è sia con firefox che con explorer

**fcaldera** · 19-12-2006, 16:18

almeno posta il codice che arriva al browser (non l'asp) e il relativo css (basta ovviamente la sola parte di codice relativa al calendario), altrimenti non è possibile capirne il problema

**impennata** · 19-12-2006, 16:24

<body>

<div class="stampa">

<div class="logo">

[img]../images/logo_provincia.gif[/img]

</div>


<div class="calendario"><div class="mese">MESE</div><div class="intGiorno">1</div><div class="intGiorno">2</div><div class="intGiorno">3</div><div class="intGiorno">4</div><div class="intGiorno">5</div><div class="intGiorno">6</div><div class="intGiorno">7</div><div class="intGiorno">8</div><div class="intGiorno">9</div><div class="intGiorno">10</div><div class="intGiorno">11</div><div class="intGiorno">12</div><div class="intGiorno">13</div><div class="intGiorno">14</div><div class="intGiorno">15</div><div class="intGiorno">16</div><div class="intGiorno">17</div><div class="intGiorno">18</div><div class="intGiorno">19</div><div class="intGiorno">20</div><div class="intGiorno">21</div><div class="intGiorno">22</div><div class="intGiorno">23</div><div class="intGiorno">24</div><div class="intGiorno">25</div><div class="intGiorno">26</div><div class="intGiorno">27</div><div class="intGiorno">28</div><div class="intGiorno">29</div><div class="intGiorno">30</div><div class="intGiorno">31</div></div><div class="calendario">

**impennata** · 19-12-2006, 16:26

<div class="mese">gennaio</div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div></div><div class="calendario"><div class="mese">febbraio</div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giorno"></div><div class="giorno"></div><div class="giorno"></div></div><div class="calendario"><div class="mese">marzo</div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div></div><div class="calendario"><div class="mese">aprile</div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="giorno"></div></div><div class="calendario"><div class="mese">maggio</div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div></div><div class="calendario"><div class="mese">giugno</div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="giorno"></div></div><div class="calendario"><div class="mese">luglio</div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div></div><div class="calendario"><div class="mese">agosto</div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div></div><div class="calendario"><div class="mese">settembre</div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="giorno"></div></div><div class="calendario"><div class="mese">ottobre</div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div></div><div class="calendario"><div class="mese">novembre</div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="giorno"></div></div><div class="calendario">

**impennata** · 19-12-2006, 16:26

<div class="mese">dicembre</div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div><div class="martedi"></div><div class="mercoledi"></div><div class="giovedi"></div><div class="venerdi"></div><div class="sabato"></div><div class="domenica"></div><div class="lunedi"></div></div>

</div>

</body>

**impennata** · 19-12-2006, 16:27

css:

div.stampa{
font-size:0.8em;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:1px;
border-color:#FFFFFF;
width:630px;
padding:1px;
font-size:1em;
}

div.calendario{
width:520px;
float:left;
margin:0;
padding:0;
clear: both;

}
div.calendario div.mese{
width:50px;
margin:0;
padding:0;
display:inline;
}
div.calendario div.lunedi{
width:15px;
display:inline;
margin:0;
padding:0;

}
div.calendario div.martedi{
width:15px;
display:inline;
margin:0;
padding:0;
}
div.calendario div.mercoledi{
width:15px;
display:inline;
margin:0;
padding:0;
}
div.calendario div.giovedi{
width:15px;
display:inline;
margin:0;
padding:0;
}
div.calendario div.venerdi{
width:15px;
display:inline;
margin:0;
padding:0;
}
div.calendario div.sabato{
width:15px;
display:inline;
background-color:#FF6600;
margin:0;
padding:0;
}
div.calendario div.domenica{
width:15px;
display:inline;
background-color:#FF0000;
margin:0;
padding:0;
}
div.calendario div.giorno{
width:15px;
display:inline;
background-color:#CCCCCC;
margin:0;
padding:0;
}
div.calendario div.intGiorno{
min-width:15px;
width:15px;
display:inline;
margin:0;
padding:0;
background-color:#FFFFFF;
}

Discussione: larghezza fissa ai div

Strumenti discussione

Ricerca discussione

Visualizza

larghezza fissa ai div

Permessi di invio