Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di flash20
    Registrato dal
    Dec 2003
    Messaggi
    567

    Problema layout css con firefox

    Ciao a tutti ho un problema con questo layout: http://www.bruciabaracche.com/prova/index.html su internet explorer si vede correttamente, ma con firefox mi mette uno spazio tra due div e non riesco ad eliminarlo.

    codice:
    div#container{
    	position: relative;
    	width:874px;
    	left:50%;
    	margin-left:-430px;
    	background-image: url(immagini/siti_internet_savona.png);
    	background-repeat: repeat-y;
        }
    div#content{
    	width:874px;
    	background-image: url(Immagini/corpo.png);
    	background-repeat: repeat-y;
        }
    div#footer{
    	position: absolute;
    	width:874px;
    	height:64px;
    	clear: right;
    	background-image: url(Immagini/fondo.png);
    	background-repeat: no-repeat;
        }
    div#header{
    	width:874px;
    	height:320px;
    	background-repeat: no-repeat;
    	background-image: url(Immagini/banner.png);
    	background-position: top;
        }

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    prova a specificare i margini dei blocchi coinvolti (header e content, se non sbaglio)

    PS: metti sempre qualcosa nei blocchi, basta anche uno spazio bianco: qualche brwoser non processa i blocchi vuoti (e anche il CSS relativo viene ignorato).
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it L'avatar di flash20
    Registrato dal
    Dec 2003
    Messaggi
    567
    Ho provato mettendo

    codice:
    margin: 0px;
    ma il problema è lo stesso, i div non sono vuoti. Il codice html utilizzato è:

    codice:
    <html>
    <head>
    <link href="layout.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="container">
    <div id="header">
    
    </p></div>
    <div id="content">
        
    
    </p>
        
    
    </p>
        
    
    </p>
        
    
    </p>
        
    
    </p>
        
    
    </p>
        
    
    </p>
        
    
    </p>
      </div>
      <div id="footer">
    
    </p></div>
    </div>
    </body>
    </html>

  4. #4
    Prova a definire i paragrafi nel css, magari è dovuto a margini o padding

    p{
    margin:0;
    padding:0;
    }

  5. #5
    Utente di HTML.it L'avatar di flash20
    Registrato dal
    Dec 2003
    Messaggi
    567


    Era quello, grandioso, mi hai risolto anche un altro problema legato alle interlinee, ora è perfetto

    Grazie mille


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.