Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2005
    Messaggi
    17

    Il div container e mozilla..

    Ciao a tutti,
    stavo facendo delle prove di base coi css,visto che come al solito a metà dell'elaborazione di un sito mi ritrovo con div che sfarfallano leggeri all'interno dei browers mozilla e safari, e mi sono accorto che con un layout semplice semplice il div container in mozilla scompare!! O meglio, resta il alto alla pagina con altezza 1px e non segue l'andamento dei div al suo interno! Qualcuno sa dirmi come mai?
    Grazie

    • <style type="text/css">
      html,body{margin:0; padding: 0;height: 100%}
      div#container{
      width:1000px;
      height:auto;
      margin:20px auto 20px auto;
      border:1px fuchsia solid;
      }


      #pluto{
      width: 130px;
      height: 147px;
      float:left;
      margin: 10px 5px 5px 10px;
      padding:0;
      border:1px blue solid;
      }

      #pippo{
      width: 584px;
      height: 147px;
      float:right;
      margin: 10px 10px 5px 5px;
      padding:0;
      border:1px red solid;
      }
      </style>
      </head>

      <body>
      <div id="container">

      <div id="pippo"></div>
      <div id="pluto"></div>

      </div>
      </body>

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2005
    Messaggi
    17

    Float

    Ho appena scoperto che è il float: left/right che da questo problema, se lo tolgo il container assume lo scopo desiderato ma perdo l'allineamento dei due div...come fare?
    grazie

  3. #3
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    mi sembra manchi il clear

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    Myaku ha ragione.
    Puoi inserire dopo i due div un elemento con la proprietà clear o puoi dichiarare queste proprietà dopo div#container:

    div#container:after{
    content:".";
    clear:both;
    display:block;
    height:0;
    visibility:hidden;
    }
    * html div#container
    {
    height:1%;
    }

    Il problema è spiegato anche qui se vuoi:

    http://positioniseverything.net/easyclearing.html

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.