div allineati e bordi

**Chimira** · 02-02-2006, 16:57

Ciao,
vi posto il codice che così è piuù facile da capire:

<html>
<head>
<title>LAYOUT CSS</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">

.div_contenitore {
position:absolute;
top:50px;
left:50%;
margin-left:-380px;
width: 762px;
BACKGROUND-COLOR: #e1edf0;
border-left: 1px #000000 solid;
border-bottom: 1px #000000 solid;
}

.div1 {
float:left;
padding: 7px;
font-family: verdana;
font-size: 10px;
height:100%;
border-right: 1px #000000 solid;
}

</style>
</head>
<body>

<div class="div_contenitore">
<div class="div1" style="width:100px;">
ROMA - Il presidente della Repubblica Carlo Azeglio Ciampi ha controfirmato la nuova legge sul Risparmio, che sara' pubblicata in Gazzetta Ufficiale gia' oggi.
</div>
<div class="div1" style="width:200px;">
ROMA - d'Italia e domani il Consiglio dei ministri potra' procedere con le procedure previste dalla nuova legge. L'accelerazione sembra così un'indiretta risposta a chi, come il presidente di Confindustria Montezemolo, aveva sollecitato il governo a far presto.
</div>
<div class="div1" style="width:200px;">
ROMA - d'Italia e domani. L'accelerazione sembra così un'indiretta risposta a chi, come il presidente di Confindustria Montezemolo, aveva sollecitato il governo a far presto.
</div>
<div class="div1" style="width:160px;">
ROMA - d'Italia e domani il Consiglio dei ministri potra' procedere con le procedure previste dalla nuova legge. L'accelerazione sembra così un'indiretta risposta a chi, come il presidente di Confindustria Montezemolo, aveva sollecitato il governo a far presto.
</div>
<div class="div1" style="width:100px;">
ROMA - d'Italia e domani il Consiglio dei ministri potra' procedere con le procedure previste dalla nuova legge. L'accelerazione sembra così un'indiretta risposta a chi, come il presidente di Confindustria Montezemolo.
</div>
</div>
</body>
</html>

Come faccio per fare in modo che i div abbiamo la stessa altezza, in modo che il bordi di ogni div arrivi fino al fondo?
Tenete conto del fatto che le larghezze dei vari div non sono fisse e non posso quindi mettere un immagine di sfondo ripetuta in y.

Grazie

**floyd46** · 02-02-2006, 18:19

ciao
mi sa che se vuoi vedere i bordi fino al fondo dei div flottanti, dovresti adottare proprio la tecnica che hai scritto:
immagine di sfondo ripetuta.
Sapere a priori quanto misura il contenitore;
dividere la misura e sapere quanto larghe devono essere le colonne;
realizzati la gif che ogni tot pixel ha il bordino nero.

Cmq, se non ho visto male il codice che hai postato, è 1 pò difficile realizzarlo come hai fatto tu perchè hai messo le colonne flottanti direttamente nel contenitore generale. Dovresti usare un altro contenitore, anch'esso flottante per evitare problemi tra IE e browser + seri.

Floyd

**Chimira** · 03-02-2006, 09:40

Ok per l'immagine.
Mi farò tante immagini quanti tipi di tabelle e anche quelle le caricherò dinamicamente.

Effettivamente aperto con firefox l'impaginazione sballa, ma non capisco perchè....
Dove dovrei metterlo il contenitore aggiuntivo?

Grazie

**floyd46** · 03-02-2006, 10:42

non servono le tabelle per fare quello che chiedi e non servono nemmeno tante immagini; te ne basta una sola.
la cosa è facilmente realizzabile con i CSS in modo tale che quando questi non sono collegati alla pagina, la stessa "degrada" in maniera da poter essere letta ugualmente dagli screen reader.
Devi realizzare un div flottante (meglio una classe) e tu ne metti tanti quanti ne puoi inserire (la somma della loro larghezza non deve superare la larghezza del loro contenitore, ovviamente), tenendo conto anche di margini e padding, se ci sono.
Il tutto potresti anche caricarlo dinamicamente, nella pagina,
senza nessun problema.
Floyd

Discussione: div allineati e bordi

Strumenti discussione

Ricerca discussione

Visualizza

div allineati e bordi

Re: div allineati e bordi

Permessi di invio