Visualizzazione dei risultati da 1 a 7 su 7

Discussione: Problema sito liquido

  1. #1

    Problema sito liquido

    Salve.

    Sto cercando di convertire un sito statico in uno con layout fluido.

    Ho usato come base un template di quelli a disposizione gratis su internet e ho cominciato a lavorarci su.

    Sono ancora alla base, nel senso che sto cercando di creare uno sfondo che sia una sorta di biglietto da visita "estendibile" a seconda della risoluzione, solo che ho i seguenti problemi:

    http://www.engecosrl.it/prova1.html

    Per quanto riguarda la parte superiore tutto a posto.
    Le magagne iniziano scenendo, come si può vedere.

    A sinistra, ci crea uno "stacco" tra la sezione Sidebar1 e il footer inferiore, che non riesco a colmare.
    Credo che possa c'entrare il comando "clearfloat" inserito nel template, ma non so come aggirarlo.

    Ancora, l'angolo inferiore destro, non so perchè si ostini a non volersi allineare al resto del footer.

    Premetto che ho provato a fare una verifica con il validatore di W3C e, fatto salva la parte in flash (su cui ancora devo lavorare), non mi ha dato alcun tipo di errore.

    Potete aiutarmi?

  2. #2
    Un sito simile non conviene farlo a mano? Direi che risolveresti molti problemi:

    codice:
    <html>
    <head>
    <style type="text/css">
    body { 
    background: url(http://www.engecosrl.it/images/Gradiente_back.png) repeat-x;
    text-align: center; /* Per IE */
    }
    
    #content {
    background: white;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-box-shadow: 0 0 10px 10px #888;
    -webkit-box-shadow: 0 0 10px 10px #888;
    box-shadow: 0 0 10px 10px #888;
    width: 850px;
    height: auto;
    padding: 7px 20px; 7px 20px;
    }
    
    #sidebar1 {
    width: 300px;
    float: left; 
    font-size: 24px;
    }
    
    #text {
    width: 550px;
    font-weight: bold;
    font-size: 15px;
    }
    
    #flash {
    float: right;
    }
    </style>
    </head>
    <body>
    <div id="content">
    <div id="sidebar1">
    <h1>SIDERBAR 1</h1>
    
    
    prova
    
    
    Il colore di sfondo di questo div viene visualizzato solo per tutta la lunghezza del contenuto. Se invece si desidera visualizzare una linea di divisione, inserire un bordo sul lato sinistro del div #mainContent se esso conterrà sempre una quantità maggiore di contenuto rispetto al div #sidebar1.
    
    
    Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien.
    </div>
    <div id="text">
    La nostra azienda mette a disposizione a clienti pubblici e privati la natura spiccatamente specialistica delle sue competenze, orientata verso progetti e servizi di elevato livello qualitativo, dimensionale ed interdisciplinare.
    
    Attraverso una ultraventennale esperienza nella realizzazione di progetti, opere e ricerche di rilevanza nazionale ed internazionale, spesso in partnership di alta qualificazione, la nostra struttura organizzativa si rende particolarmente adatta alla promozione e realizzazione di interventi nel campo delle opere di ingegneria complesse e dei sistemi tecnologici ad elevato livello di innovazione.
    </div>
    <div id="flash">
    <script type="text/javascript">
    AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','192','height','104','src','images/Immagini lato 2','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','images/Immagini lato 2' ); //end AC code
          </script>
          <noscript>
          <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="192" height="104">
            <param name="movie" value="images/Immagini lato 2.swf" />
            <param name="quality" value="high" />
            <embed src="images/Immagini lato 2.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="192" height="104"></embed>
          </object>
          </noscript>
    
    <script type="text/javascript">
    AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','192','height','104','src','images/Immagini lato 2','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','images/Immagini lato 2' ); //end AC code
          </script>
          <noscript>
          <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="192" height="104">
            <param name="movie" value="images/Immagini lato 2.swf" />
            <param name="quality" value="high" />
            <embed src="images/Immagini lato 2.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="192" height="104"></embed>
          </object>
          </noscript>
    </div></div>
    </body>
    </html>
    Dovrebbero andare, non ho messo il menu', magari lo aggiungi tu, era per darti un' idea dei codici.. Non l' ho provato ti avverto..
    Social Network in costruzione.. Misto tra Twitter e Facebook.. Twitbook o facetter?

  3. #3
    Interessante questa soluzione del border-radius, non la conoscevo.

    A quanto vedo però IE non supporta tale funzione, c'è un modo per fargliela riconoscere?

  4. #4
    Social Network in costruzione.. Misto tra Twitter e Facebook.. Twitbook o facetter?

  5. #5
    Ho provato il PIE.htc ma non riesco a farlo funzionare.

    Invece il border-radius.htc che hai linkato tu funziona, ma fa vedere su IE solo gli angoli arrotondati, ma senza ombreggiature...

  6. #6
    Neanche text-shadow e box-shadow sono supportati suppongo lol.. Dovresti fare una ricerca su google..
    Social Network in costruzione.. Misto tra Twitter e Facebook.. Twitbook o facetter?

  7. #7
    Riuppo perchè mi rimangono due problemi:

    Il testo in fondo alla pagina, cliccabile, per quanto faccia rimane riversato verso sinistra.
    Vorrei invece che in funzione alla dimensione della finestra aperta del browser vada rimanga posizionata al centro del layout.

    Problema analogo ce l'ho con il menu in alto: in questo caso pulsanti del menu e bandiera sono riversati tutti al centro.
    Come posso fare per fare andare la bandiera a sinistra ed il resto dei pulsanti a destra?

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.