Tre div in riga

**GoldEmish** · 06-11-2006, 16:19

Ciao... sto impazzendo :berto:

Devo fare un header semplicissimo:

[divIMG1] [ --- divIMG2 --- ] [divIMG3]

in modo che al variare della larghezza della pagina si contragga o estenda il div di IMG2, gli altri due div con le immagini 1 e 3 devono sempre stare agli estremi.
Chiaramente non voglio che IMG2 o IMG3 vadano a capo. mai.

Con le tabella avrei risolto da ore, ma tutti mi dicono che non devo usare tabelle...
allora mi sono messo:

codice:

<div style="overflow:hidden; margin:0px;"><div style="float:left">[img]img1.jpg[/img]</div><div style="float:right;">[img]img3.jpg[/img]</div><div style="text-align:center;">[img]img2.jpg[/img]</div></div>

questo sembrava andare, se non che IE mi mette un bel bordo dopo questo header:

nell'immagine vedete il bordo fastidioso... ho evidenziato in giallo le 3 immagini.

In più questa soluzione se la finestra è troppo piccola mi fa andare a capo l'IMG2...

AIutatemi!

grazie!

**GoldEmish** · 06-11-2006, 17:35

nessuno sa come risolvere questo problema?

**webdemo** · 06-11-2006, 17:51

sposto in css

ciaux

**webdemo** · 06-11-2006, 18:04

credo che una cosa così dovrebbe andare bene:

codice:

<style type="text/css">
html,body{margin:0;padding:0}
img{border:0px}
#wrapper{float:left;width:100%}
#content{margin: 0 200px}
#divleft{float:left;width:200px;margin-left:-200px}
#divright{float:left;width:200px;margin-left:-100%}
</style>
</head>
<body>

<div id="wrapper">
<div id="content">centro</div>
</div>

<div id="divleft">sinistra fisso a 200</div>
<div id="divright">destra fisso a 200</div>

ciaux

**GoldEmish** · 06-11-2006, 19:15

a me non viene esattamente quello che volevo.... :-(

in IE mi sparisce la prima immagine.... ma la mia soluz era sbagliata?

**webdemo** · 06-11-2006, 19:28

ho riscritto da capo non saprei

cmq ho testato su FF e su IE e vengono tre div
[sx][centro][dx]

[sx] e [dx] fissi e [centro] elastico...

ciaux

**GoldEmish** · 06-11-2006, 19:41

si ma quando ci metto dentro le immagini una sparisce, ho risettato i width e i margini e non cambia.
E poi con IE mi rimane quel bordo sotto...

Discussione: Tre div in riga

Strumenti discussione

Ricerca discussione

Visualizza

Tre div in riga

Permessi di invio