Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it L'avatar di nourdine
    Registrato dal
    Nov 2005
    Messaggi
    1,130

    bug relativo al clear di IE

    ciao

    mi date un'occhiata a sto layout?

    http://www.nourdine.net/rep/reposito...astic2Col.html

    il problema è con IE6/7 e riguarda il footer che fa un clear sulle due colonne flottanti. Come vedete, rispetto a firefox, il footer presenta un padding-top che però non corrisponde alle dichiarazioni css!

    so che IE ha problemi con il clear ma non so come si chiama il bug e come si risolve

    thanks

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    risolvilo così:

    css:
    body {
    text-align: center;
    background-color: #3399CC;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 10px;
    margin: 0;
    padding: 2em;
    }

    div#container {
    width: 80.2em;
    margin: auto;
    padding: 0;
    text-align: left;
    background: #fff;
    border: 3px solid white;
    }

    div#header {
    background-color: #00CC66;
    color: #333;
    padding: 1em;
    border-bottom: 3px solid white;
    }

    div#header h1 {
    padding: 0;
    margin: 0;
    font-size: 3em;
    }

    div#content {
    float: left;
    width: 34em;
    padding: 1em;
    color: white;
    background-color: #0066CC;
    border-bottom: 3px solid white;
    font-size: 1.5em ;
    }

    div#sidebar {
    float: right;
    width: 14em;
    padding: 1em;
    background-color: #99CC66;
    font-size: 1.5em ;
    }

    div#footer {
    clear: both;
    padding: 0em 1em;
    background-color: #FF66CC;
    font-size: 1.5em;
    }

    Leva il border top al footer e dai un border-bottom al content.

  3. #3
    Utente di HTML.it L'avatar di nourdine
    Registrato dal
    Nov 2005
    Messaggi
    1,130
    opk va beh ... ma la teoria che ci sta sotto? come mai gli ie fanno quell'effetto? ne sai qualche cosa?

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    in questa circostanza no, è il bordo che gli dava del padding, molte volte i bug sono così..ci sono e basta =).
    Cmq occhio nel codice css della tua pagina ti eri dimenticato in parecchie occasioni il ";" di chiusura di alcune regole.

  5. #5
    Utente di HTML.it L'avatar di nourdine
    Registrato dal
    Nov 2005
    Messaggi
    1,130
    ok grazie!

  6. #6
    Utente di HTML.it L'avatar di nourdine
    Registrato dal
    Nov 2005
    Messaggi
    1,130
    hey ... stesso problema qua:

    http://www.nourdine.net/rep/reposito...otale2Col.html

    il layout è adesso fluido. guarda il footer con ie6 o 7. il padding-top è aumentato!

    qualche idea??

  7. #7
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    Risolto...dai al footer: width:100%; e sei a posto.

  8. #8
    Utente di HTML.it L'avatar di nourdine
    Registrato dal
    Nov 2005
    Messaggi
    1,130
    grazie!

    una riflessione: che bug del caz*o che sono questi! cioè non hanno nessuna logica ... sono proprio delle minchiate su cui uno deve perdere tempo in modo ignobile provando a cambiare dichiarazioni css a caso!

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.