Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2001
    Messaggi
    107

    Div e Css layout fluido

    BuonGiorno e buon anno a tutti voi.

    Sto provando a creare un layout fluido.
    Il problema rimane nelle immagini. Il template è abbastanza basico (realizzato con photoshop e importato con le slice e css) una grande pic nell'header e un footer con 6 pic a mo di menu.

    La pic centrale grande riesco a farla dimensionare a secondo delle dimensioni.
    codice:
    <div id="header"> [img]immagini/01.gif[/img]
    codice:
    #header { clear: both; float: left; margin-left: 0; width: 100%;
    Le 7 pic ho pensato di inserirle dentro una div

    codice:
    </div> <div id="footer">
    [img]immagini/03.gif[/img]
    [img]immagini/04.gif[/img]
    [img]immagini/05.gif[/img]
    [img]immagini/06.gif[/img]
    [img]immagini/07.gif[/img]
    [img]immagini/08.gif[/img]</div>
    codice:
    #footer { clear: both; float: left; margin-left: 0; width: 100%; height: 90px; display: block; background-color: #000; } #home-01-03_ { margin-left: 0%; width: 100%; display: block; }
    Non riesco a capire perchè le immagini non si ridimensionano cambiando visualizzazione.
    Dove sbaglio?

    Grazie

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,780
    Ciao, un felice anno a te.

    Nel tuo codice vedo due errori grossolani.
    Non so se il problema dipenda da questi, e non so se siano solo errori di trascrizione, ma è necessario correggerli prima di ragionare eventualmente sul resto.

    codice:
    <div id="header"> <img id="header" ...
    L'id deve essere univoco. Non puoi usare lo stesso valore id su più elementi (anche se differenti) all'interno del documento.

    codice:
    <img id="home_01_03" ...
    ...
    #home-01-03_ { margin-left: 0%; ...
    Sul css hai usato un id che presumo si riferisca a quello usato sul codice html che hai indicato. I due valori sono però diversi, mentre dovreddero essere identici.
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

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.