Tabella o div? Ma soprattutto COME!?

[DakJak]

Eccomi a un altro punto morto a cui lavoro da 2 giorni, ma non viene perfettamente come vorrei che venisse (e non né capisco il motivo )

allora la pagina dovrebbe venire così:

FE.jpg

Maaaaa indovinate indovinate, non riesco a piazzare quel benedetto coso bianco al centro.... mi da un sacco di problemi! MA PROPRIO TANTI!

Qualcuno che può aiutarmi?

[DakJak]

Sto provando a farlo tramite tabelle, ma comunque per motivi a me sconosciuti non si posiziona bene, se qualcuno riesce a darmi una mano gradirei grazie ^^"

[WottaFacca]

Ti basterebbe creare un paio di div trasparenti, così da avere ancora l'immagine come sfondo e con il "margin: 0 auto;" sistemi in mezzo i blocchi bianchi

[LsKoder]

Personalmente... table tutta la vita...

Metti un table con allineamento al centro e hai fatto. In alternativa puoi fare una tabella con 3 colonne e usare solo quella centrale.
Se hai problemi posta il codice così ti aiutiamo.

[Sergio Tacchino]

Ciao!
Eccoti il codice..

<style>
.wrapper{
	position: relative;
}
.contlab{
	width: 300px;
	height: 478px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: -239px;
}
.contlab .lab{
	background: rgba(255,255,255,0.6);
	margin: 10px 0;
	padding: 10px;
}
.contlab .lab .fllef{
	float: left;
}
.contlab .lab .flrig{
	float: right;
}
.contlab .lab.hei1{
	height: 234px;
}
.contlab .lab .cle{
	clear: both;
}
.bck{
	display: block;
	margin: 0 auto;
}
</style>
<div class='wrapper'>
	<img class='bck' src='http://www.assonologarda.it/associati/noleggio_motoscafi_da_gianni/images/motoscafo.jpg'>
	<div class='contlab'>
		<div class='lab hei1'>
			<div class='cle'><div class='fllef'>sinistra</div><div class='flrig'>destra</div></div>
			<div class='cle'><div class='fllef'>sinistra</div><div class='flrig'>destra</div></div>
			<div class='cle'><div class='fllef'>sinistra</div><div class='flrig'>destra</div></div>
			<div class='cle'><div class='fllef'>sinistra</div><div class='flrig'>destra</div></div>
			<div class='cle'><div class='fllef'>sinistra</div><div class='flrig'>destra</div></div>
			<div class='cle'><div class='fllef'>sinistra</div><div class='flrig'>destra</div></div>
			<div class='cle'><div class='fllef'>sinistra</div><div class='flrig'>destra</div></div>
			<div class='cle'><div class='fllef'>sinistra</div><div class='flrig'>destra</div></div>
			<div class='cle'><div class='fllef'>sinistra</div><div class='flrig'>destra</div></div>
			<div class='cle'><div class='fllef'>sinistra</div><div class='flrig'>destra</div></div>
			<div class='cle'><div class='fllef'>sinistra</div><div class='flrig'>destra</div></div>
			<div class='cle'><div class='fllef'>sinistra</div><div class='flrig'>destra</div></div>
			<div class='cle'><div class='fllef'>sinistra</div><div class='flrig'>destra</div></div>
		</div>
		<div class='lab hei2'>prova ciao<br>prova ciao<br>prova ciao<br>prova ciao<br></div>
		<div class='lab hei2'>prova ciao<br>prova ciao<br>prova ciao<br>prova ciao<br></div>
	</div>
</div>