Posizionamento di un div aiuto...

**rare** · 17-10-2012, 11:18

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????

**Mich_** · 17-10-2012, 12:00

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)

**rare** · 17-10-2012, 12:11

grazie mille sei un grande!
ti devo un caffè

Discussione: Posizionamento di un div aiuto...

Strumenti discussione

Ricerca discussione

Visualizza

Posizionamento di un div aiuto...

Permessi di invio