Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    [CSS e DIV] Problema con posizione

    Ciao ho un sito da impaginare con dei DIV.

    La struttura base sarà:

    DIV MAIN
    DIV HEADER
    DIV MAIN
    DIV LEFT
    DIV RIGHT
    DIV FOOTER

    Ora ho costruito il tutto nel seguente modo:

    HTML

    codice:
    <body>
    	<!-- 
    			CONTENITORE PRINCIPALE
    	//-->
    	<div id="Main">
    		<div id="Header">
    			<!-- 
    					CONTENITORE HEADER
    			//-->
    				
    		</div>
    		<div id="Footer"></div>
    	</div>
    </body>
    CSS

    codice:
    Html{
    		height:100%;
    		margin:0; 
    	}
    Body{
    		background: #F7F7F6 url(../Image/Slice/background.png) repeat-y 50% 0;
    		height:100%;
    		margin: 0;
    		padding: 0;
    		text-align: center;
    }
    #Main{
    		margin: 0px auto;
    		width: 850px;
    		position: absolute;
    		bottom:0;
    		left:0;
    		margin: 0px 0px 0px 103px;
    		float:left;	
    	}
    #Header{
    		margin: 0px auto;
    		width: 850px;
    		height: 81px;
    	}
    #Footer{
    		width: 850px;
    		height: 76px;
    		background:#F7F7F6 url(../Image/Slice/bottom.png);
    	}
    Ora quano la pagina è in full screen, la parte del footer si allinea perfettamente con lo sfondo per simulare la fine della pagina, ma anche se ho messo il float, quando ridimensiono la finestra la parte del footer, non si allinea allo sfondo. Come posso fare?

  2. #2
    1) non c'ho capito molto... metti un link alla pagina... con quale browser hai problemi?

    2) id e class non dovresti darli in base alla grafica (alla presentazione)

    3) pagina in fullscreen?!? VVoVe: mica vuoi far sparire l'interfaccia del browser?!? VVoVe:
    è fondamentale per il povero utente: non ci si raccapezza più!



  3. #3
    No no risolto tutto.
    Usavo il Float e l' Absolute solo su un DIV ...

    Sistemato va tutto benone adesso.
    Grassie!!

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 © 2025 vBulletin Solutions, Inc. All rights reserved.