Salve a tutti,
avete un codice gia' pronto che mi consenta di gestire 5 div sulla medesima riga con le seguenti caratteristiche:
2° destra - flottante (resto fino a fine pagine orizzontale)
1° destra - dimensione fissa
centrale - dimesione fissa
1° sinistra - dimensione fissa
2° sinistra - flottante (resto fino a fine pagine orizzontale)
Come gestisco una cosa simile? :berto:
Grazie mille!
Originariamente inviato da sperelli.andrea
Salve a tutti,
avete un codice gia' pronto che mi consenta di gestire 5 div sulla medesima riga con le seguenti caratteristiche:
2° destra - flottante (resto fino a fine pagine orizzontale)
1° destra - dimensione fissa
centrale - dimesione fissa
1° sinistra - dimensione fissa
2° sinistra - flottante (resto fino a fine pagine orizzontale)
Come gestisco una cosa simile? :berto:
Grazie mille!codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Documento senza titolo</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> .div-1 { border: none; text-align: left; width: 981px; } .div-1-1 { border: none; clear: both; float: left; line-height: 150px; padding: 0px; width: 265px; } .div-1-2 { border: none; float: left; line-height: 150px; padding: 0px; width: 150px; } .div-1-5 { border: none; float: left; line-height: 150px; padding: 0px; width: 266px; } </style> </head> <body> <div class="div-1"> <div class="div-1-1">BOX 1</div> <div class="div-1-2">BOX 2</div> <div class="div-1-2">BOX 3</div> <div class="div-1-2">BOX 4</div> <div class="div-1-5">BOX 5</div> <div style="clear: both;"></div> </div> </body> </html>
Grazie per il suggerimento ma il codice postato non e' cio' che mi serve. Credo che sia necessario apportare un paio di modifiche
Infatti il div centrale "box 3" dovrebbe essere di 980px. I div laterali prossimi a quello centrale (box 4 e 2) dovrebbero essere di 100px l'uno. Mentre box 1 e 5 dovrebbero partire"contro" box 4 e 2 e preseguire fino a fine pagina (vista orizzontalmente). In pache parole box 1 e 5 dovrebbero essere liquidi e ridimensionabili in base al browser.
A parte che tu non avevi dato misure se tu metti un box a 980px non c'è posto più per gli altri a meno che non usi una risoluzione a 1280.Originariamente inviato da sperelli.andrea
Grazie per il suggerimento ma il codice postato non e' cio' che mi serve. Credo che sia necessario apportare un paio di modifiche
Infatti il div centrale "box 3" dovrebbe essere di 980px. I div laterali prossimi a quello centrale (box 4 e 2) dovrebbero essere di 100px l'uno. Mentre box 1 e 5 dovrebbero partire"contro" box 4 e 2 e preseguire fino a fine pagina (vista orizzontalmente). In pache parole box 1 e 5 dovrebbero essere liquidi e ridimensionabili in base al browser.
i box laterali si ridimensionano automaticamente.
E' ovvio che quando si da suggerimenti a una domanda un po generica, il codice suggerito vuole adattato
Effettivamente mi sono spiegato male. Chiedo venia. Praticamete il box centrale da 980px conterra' il corpo del sito. Tuttavia la pagina presenta delle parti che "sbordano" dal corpo centrale. Avevo pensato di gestire queste parti come come div laterali. C'e' anche da considerare una variabile in piu': nella parte superio della pagina ho uno sfondo gradiente che poi diviene a motivi geometrici. Allego un disegno:Originariamente inviato da Gufo
A parte che tu non avevi dato misure se tu metti un box a 980px non c'è posto più per gli altri a meno che non usi una risoluzione a 1280.
i box laterali si ridimensionano automaticamente.
E' ovvio che quando si da suggerimenti a una domanda un po generica, il codice suggerito vuole adattato
Permessi di invio
Rispondi quotando