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

    problemi con ie6 e safari

    vi chiedo aiuto...
    con ie6 si crea uno spazio tra colonna di sinistra e colonna di destra pari alla larghezza della colonna di sinistra;
    con safari sono visualizzati solo i div della prima "riga".

    questa è la porzione di css relativa ai div:
    codice:
    #masthead {
    position: relative;
    width: 100%;
    }
    
    #top_left {
    clear: both;
    position: absolute;
    width: 250px;
    left:0px;
    top:0px;
    background-image: url('images/giallo2.gif');
    
    }
    
    #header {
    text-align: center;
    margin-left:260px;
    margin-right: 5px;
    background-image: url('images/giallo2.gif');
    float:left;
    }
    
    #container {
    	position: relative;
    	width: 100%;
    }
    
    #left_col {
    position: absolute;
    clear: both;
    width: 250px;
    left: 0px;
    top: 250px;
    background-image: url('images/giallo2.gif');
    }
    
    #page_content {
    margin-left: 260px;
    margin-right: 5px;
    background-image: url('images/giallo2.gif');
    float:left;
    }
    Questa è la struttura:
    codice:
    <div id="masthead">
    <div id="top_left"> </div>
    <div id="container"> 
    <div id="left_col"> </div>
    <div id="page_content" width="100%"></div>
    </div>
    è la prima volta che mi cimento nelle strutture tableless quindi vi prego di sopportare la mia ignoranza.

    grazie a tutti del supporto.

  2. #2
    nessuno?

    ho riscontrato che su ie6 il posizionamento dei div left_col e page_content è in base al container immediatamente precedente (container) mentre su ff il posizionamento è in base al container principale (mast_head)...

  3. #3
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    per safari (e browser standard-compliant in genere)

    1. il codice è validato?
    2. il clear è stato inserito?

    per ie, che ha numerosi bug riguardo i float:

    documentazione

    se hai ancora problemi, posta il codice completo (completo = anche con doctype) o un link alla pagina


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.