Voglio rendere per il mio sito di marketing un layout a 3 colonne con immagini nel banner superiore.Layout liquido a 3 colonne CSS con colonna centrale fissa
Voglio avere un liquido sinistra/destra con un centro fisso. L'html sarebbe idealmente simile a questa:
<div id="pixelLeft"> </div>
<div id="bannerCenter">
<img src="images/mybanner.png" />
</div>
<div id="pixelRight"> </div>
<style>
#pixelLeft { background: url(../../images/pixel_left_fixed.png) 0 0 repeat-x; }
#pixelRight { background: url(../../images/pixel_right_fixed.png) 0 0 repeat-x; }
#bannerCenter { /* something here to make fixed width of 1550px */ }
</style>
Le immagini ai lati dei pixel sinistra/destra sono 1px x 460PX. L'immagine mybanner.png è 1550px x 460px.
Grazie in anticipo! (Soprattutto se funzionerà in TUTTI i browser!)
Questo è incredibilmente vicino, ma l'ho provato in IE7 ed è tutto spostato a sinistra ... Questa è una soluzione MOLTO elegante e quello che sto cercando. Possiamo aggiustare l'ultimo bit? Grazie!! –
** + 1 ** Perfetto :) –
Questo è sicuro all'inizio, ma quando comincio a ridimensionare la finestra le cose diventano un po 'goffe. –