Div che sballano posizione al ridimensionamento

mateky

Utente Attivo
7 Feb 2011
36
0
0
Ciao a tutti, ho un piccolo problema!
Non scrivevo da zero un sito (parte design) da tempo e non ricordo cos'è che causa questo problema:
Al dimensionamento della finestra (riduzione), tutti gli elementi della pagina sballano di posizione (chi sopra uno, chi sopra l'altro XD)
Come risolvo?
Grazie!

Posto una parte del codice CSS


Codice:
#terzo_centrale {
	width:42%;
	height:560px;
	border:2px solid;
	position:relative;
	float:left;
	margin-left:5px;
	border-color:#DCDCDC;
	padding-bottom:40px;
}

#piccolo_menu_laterale {
	width: 150px;
	height:160px;
	position:absolute;
	float:left;
	text-decoration:none;
	left: 180px;
	top:10px;
	line-height:25px;
	
}

#sotto_piccolo_menu_laterale {
	width:165px;
	height:160px;
	position:absolute;
	float:left;
	text-decoration:none;
	left:160px;
	top:10px;
	margin-top:180px;
	background-color:#E7E7E7;
}

#sub_sotto_piccolo_menu_laterale {
	text-align:center;
	background-color:#E7E7E7;
	height:25px;
	border-top-style:dotted;
	border-left-style:dotted;
	border-right-style:dotted;
	color:gray;
}

#footer_sotto_piccolo_menu_laterale {
	background-color:#E7E7E7;
	border-bottom-style:dotted;
	border-left-style:dotted;
	border-right-style:dotted;
	border-color:gray;
	color:gray;
	padding:3px;
}

#lista {
		overflow:auto;
		height:auto;
		
}
 

mr.x

Utente Attivo
9 Apr 2016
234
23
28
non so se ho ben capito quello che intendi, comunque prova a sostituire position:absolute con position: relative.
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.009
295
83
Non sei abbastanza chiaro! Quando si chiede un aiuto bisogna essere il più esaustivi possibile e non lesinare nelle spiegazioni del problema, il codice postato deve essere completo, il solo codice CSS serve a ben poco!

Ovvio che i posizionamenti assoluti impediscono il posizionamento degli elementi al ridimensionamento della pagina, in tutti i casi la soluzione non può essere solo quella di togliere i posizionamenti ci sono tante altre accortezze per una pagina responsive