Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2010
    Messaggi
    216

    Posizionamento di un div aiuto...

    posto il codice dell'html e del css e poi spiego...

    codice:
    <body>
    <div id="rapid"></div>
    <div id="testa"></div>
    
    <div id="container">
    
    
    	<div id="flash"></div>
        <div id="reggiMenu"></div>
        <div id="pushR"></div>
        <div id="pushR"></div>
        <div id="pushR"></div>
    
        
        <div id="corpo">
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
      </div>
        
      <div id="footer"></div>
    
    </div>
    </body>
    codice:
    body {
    	background-color: #000;
    	background-image: url(../img/sfondo3.jpg);
    	background-repeat: no-repeat;
    	background-position: center top;
    	margin: 0px;
    }
    #flash {
    	background-image: url(../img/flash.jpg);
    	height: 265px;
    	width: 760px;
    	float: left;
    	margin: 0px;
    	background-repeat: no-repeat;
    }
    #reggiMenu {
    	background-image: url(../img/reggiMenu.jpg);
    	background-repeat: no-repeat;
    	height: 65px;
    	width: 760px;
    	margin: 0px;
    	float: left;
    }
    #testaBig  {
    	height: 330px;
    	width: 1200px;
    	float: left;
    	margin-top: 0px;
    	margin-right: auto;
    	margin-bottom: 0px;
    	margin-left: auto;
    	visibility: visible;
    }
    
    #container {
    	height: auto;
    	width: 1200px;
    	background-position: center center;
    	margin-top: 0px;
    	margin-right: auto;
    	margin-bottom: 0px;
    	margin-left: auto;
    	background-repeat: no-repeat;
    }
    #pushR {
    	background-image: url(../img/pushR.jpg);
    	background-repeat: no-repeat;
    	display: block;
    	margin: 0px;
    	float: left;
    	padding: 0px;
    	height: 110px;
    	width: 440px;
    }
    #corpo {
    	background-color: #FFF;
    	background-repeat: repeat;
    	float: left;
    	height: auto;
    	width: 1200px;
    }
    #footer {
    	background-image: url(../img/footer.jpg);
    	float: left;
    	height: 150px;
    	width: 1200px;
    }
    
    
    #rapid {
    	background-image: url(../img/bg-nav-d.png);
    	background-repeat: repeat-x;
    	height: 35px;
    	width: auto;	background-color: #000;
    	margin: 0px;
    }
    il problema è che non riesco ad affiancare i 3 div pushR a sx dei 2 flash e reggiMenu...
    foese non mi sono spegato bene ma se guardate l'img nel link sarà tutto più chiaro...
    http://dumpshare.net/images/129esempio.jpg
    come posso risolvere????
    Server utilizzato: MySQL


    (cit.)
    Un misto tra pazzia ed intelligenza

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Dovresti modificare un pelo la marcatura, e di conseguenza il CSS

    codice:
    HTML:
    <div id="container">
      <div class="colonna">
        <div id="flash"></div>
        <div id="reggiMenu"></div>
      </div>
      <div class="colonna">
        <div class="pushR"></div>
        <div class="pushR"></div>
        <div class="pushR"></div>
      </div>
    </div>
    
    
    CSS:
    #container {
      width: ...
    }
    #container:after {
      clear:left;
      ecc. cerca clearing nel forum
    }
    .colonna {
      float: left;
    }
    ... ecc
    Nota: non e` possibile dare id uguali nella stessa pagina, per cui ho corretto con class (chiaramente il CSS va modificato di conseguenza)
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2010
    Messaggi
    216
    grazie mille sei un grande!
    ti devo un caffè
    Server utilizzato: MySQL


    (cit.)
    Un misto tra pazzia ed intelligenza

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.