Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2000
    Messaggi
    1,309

    Problema con div e firefox?

    Il problema è semplice, nella mia pagina ho messo un div con un'immagine larga 955px, sotto un div largo sempre 955 a cui ho dato il bordo a destra e sinistra di un pixel e in fondo un'altro div con un'altra immagine. Se quardo la pagina con IE si vede perfettamente, se la guardo con fireFox il al div centrale il bordo lo mette all'esterno del 955px, perchè??
    Vi posto immagini e codice:

    Codice PHP:
    <body style="text-align: center;">
        <
    div class="containerNoBorder">
            [
    img]miaHeader.jpg[/img]
        </
    div>
        <
    div class="container">
            
    Pippo
        
    </div>
        <
    div class="containerNoBorder">
            [
    img]miaFooter.jpg[/img]
        </
    div>
    </
    body
    CSS
    Codice PHP:
    .containerNoBorder{
        
    width955px;
        
    margin0px auto;
        
    text-alignleft;
    }

    .
    container{
        
    width955px;
        
    margin0px auto;   
        
    text-alignleft;
        
    border-right1px solid #b3bbc1; 
        
    border-left1px solid #b3bbc1;
        
    margin:0 auto;

    Immagini allegate Immagini allegate
    Ciao By Peter_Pan...

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    E` il solito baco del box model di IE.

    In sintesi:
    La larghezza totale di un blocco (browser standard) e` data da:
    margin + border + padding + width + padding + border + margin
    In IE (quirks mode) invece e` data da:
    margin + width + margin (border e padding fanno parte di width)

    Vedi qualsiasi tutorial sui CSS per la spiegazione piu` dettagliata.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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.