problema layout con div annidati..

**corvil90** · 17-03-2012, 14:20

ei ciao ragazzi!
Ho un problema ....
innanzi tutto vi allego il codice XHTML e CSS..

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel = "stylesheet" type = "text/css" href = "c1.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>


</head>

<body>

<div id="apDiv2">
	<div id="apDiv4">PROVA</div>
  		<div id="apDiv3">PROVA</div>
        	<div id="apDiv5">PROVA</div>
				</div>



</body>
</html>

e ora il CSS:

codice:

@charset "utf-8";
/* CSS Document */


#apDiv2 {
	margin:0;
	position:absolute;
	left:52px;
	top:28px;
	width:704px;
	height:490px;
	z-index:1;
}
#apDiv3 {
	background-image:url(Immagini/boilies/IMG_0126.jpg);
	
	position:absolute;
	left:1px;
	top:1px;
	width:698px;
	height:92px;
	z-index:2;
}
#apDiv4 {
	background-image:url(Immagini/pesca/100_0381.JPG);
	position:absolute;
	left:1px;
	top:95px;
	width:122px;
	height:393px;
	z-index:2;
}
#apDiv5 {
	background-image:url(Immagini/pesca/pioppette/100_0484.JPG);
	position:absolute;
	left:125px;
	top:94px;
	width:574px;
	height:391px;
	z-index:2;
}

body {
	margin:0;
	padding:0;
	background:#93C;

}

......... e ora vi spiego il mio problema:

Vorrei centrare orizzontalmente il mio div principale ( ovvero quello che contiene i restanti) al centro orizzontale della pagina.. Ho provato un po io a farlo ma con pessimi risultati

.....
vi sarei grato se mi spiegate la soluzione e il metodo usato per trovare la quadra sui margini della pagina... [il sito è molto semplice è solo l'impostazione di quello che poi sarà!]

Vi posto anche un immagine di come vorrei sia impostato il layout..

Grazie in anticipo ragazzi!!!

**Vincent.Zeno** · 17-03-2012, 14:23

per favore indenta per bene il codice, altrimenti nessuno tenterà di aiutarti

**corvil90** · 17-03-2012, 14:36

ei ciao!
io ho usato il tag code del forum ma non sapevo che non c'era indentazione

**corvil90** · 17-03-2012, 14:39

Originariamente inviato da Vincent.Zeno
per favore indenta per bene il codice, altrimenti nessuno tenterà di aiutarti

fatto! grazie per avermelo detto!

**Prill** · 17-03-2012, 15:33

Assegna al contenitore generale un position:relative; e un margin:0 auto cancellando top e left.
Non usare i posizionamenti assoluti se puoi farne a meno

**corvil90** · 19-03-2012, 13:10

Originariamente inviato da Prill
Assegna al contenitore generale un position:relative; e un margin:0 auto cancellando top e left.
Non usare i posizionamenti assoluti se puoi farne a meno

ti ringrazio davvero!
Molto coinciso e preciso!
Risolto!

Discussione: problema layout con div annidati..

Strumenti discussione

Ricerca discussione

Visualizza

problema layout con div annidati..

Permessi di invio