Valutazione 4.87/ 5 (100.00%) 5838 voti

Condividi:        

[CSS] problema con margin

Problemi di HTML? Di PHP, ASP, .NET, JSP, Perl, SQL, JavaScript, Visual Basic..?
Vuoi realizzare programmi in C, C++, Java, Ruby o Smalltalk, e non sai da che parte cominciare?
Entra qui e troverai le risposte!

Moderatori: Triumph Of Steel, archimede

[CSS] problema con margin

Postdi ketbra » 09/08/14 08:53

ciao a tutti,

perchè nel seguente codice:

Codice: Seleziona tutto
<html>
 <head>
  <title>esempio</title>
   <style>
    .contenitore{border:thin solid green;
                 width:500px;
                 height:400px;
                 margin:auto;
                 }

    .box{ border:thin solid green;
          margin:auto;
         
          margin-bottom:1%;
          width:98%;
          height:98%;
         
         }

   </style>
   </head>
  <body>
   <div class="contenitore">
          <div class="box"></div></div>
  </body>
</html>


di un semplice riquadro all'interno di un altro riquadro non riesco a centrare verticalmente il riquadro interno?
Se stabilisco che il riquadro interno deve occupare il 98% dello spazio disponibile penso che non dovrebbero esserci problemi se applico margin-top:1%; e margin-bottom:1%; Però ,evidentemente,le cose non stanno cosi: il bordo superiore mi risulta sempre attaccato al box del contenitore...come mai?
ketbra
Utente Junior
 
Post: 15
Iscritto il: 01/07/14 09:44

Sponsor
 

allineare div dentro a div centrato verticale

Postdi Dylan666 » 21/08/14 10:38

http://www.smashingmagazine.com/2013/08 ... ering-css/

Codice: Seleziona tutto
    <html>
     <head>
      <title>esempio</title>
       <style>
        .contenitore{
          border:thin solid green;
          width:500px;
          height:400px;
          margin:auto;
               
          position: relative;
                }

        .box{
          border:thin solid green;
          width:98%;
          height:98%;

          overflow: auto;
          margin: auto;
          position: absolute;
          top: 0; left: 0; bottom: 0; right: 0;
         }
         
       </style>
       </head>
      <body>
       <div class="contenitore">
              <div class="box">
           </div>
      </div>
      </body>
    </html>
Avatar utente
Dylan666
Moderatore
 
Post: 38040
Iscritto il: 18/11/03 16:46


Torna a Programmazione


Topic correlati a "[CSS] problema con margin":

Problema Windows 10
Autore: asso1998
Forum: Software Windows
Risposte: 1

Chi c’è in linea

Visitano il forum: Nessuno e 1 ospite