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
252
25
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.397
338
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
 
Discussioni simili
Autore Titolo Forum Risposte Data
T Far sparire dalla pagina div che saranno inseriti successivamente jQuery 0
E Div che scompare con scroll jquery Javascript 0
paloppa Div che appare appena due form sono compilati jQuery 16
L php - pulsante premuto che mostra #div PHP 3
U div fisso che ad un certo punto dello scroll scompare jQuery 2
U [Javascript] div linkabile che apre link e scompare Javascript 3
D [HTML] Problema con Dreamweaver; 1) tabella con larghezza 100% 2) Immagine che si adatta a Div HTML e CSS 28
trattorino [PHP] blocchi div che si posizionano in alto automaticamente PHP 5
F [Javascript] Div ed iframe che adatta altezza in base al contenuto Javascript 1
A testo responsivo che si ridimensiona in un div HTML e CSS 3
C SELECT che popola in contemporanea un DIV e un'altra SELECT PHP 12
B Tabelle che si adattano al Div responsive ? HTML e CSS 1
G Testo che si adatta in grandezza alle misure di un DIV: è possibile farlo? HTML e CSS 2
H div linkabili che si spostano. HTML e CSS 0
asevenx struttura DIV realizzata con float: left che si spezza HTML e CSS 3
asevenx div che non si estende oltre il flot:left HTML e CSS 11
W Link che apre un div non funzionante HTML e CSS 7
metalgemini div affiancato che finisce sotto l'altro HTML e CSS 2
S semplice link che però non compare dentro ad un DIV HTML e CSS 3
V aiuto dreamweaver, div che scorre HTML e CSS 0
A testi che appaiono in un div Javascript 3
G div main che non copre tutta la pagina HTML e CSS 2
emanuelevt testo che si adatta al div HTML e CSS 1
borgo italia div che fa quello che vuole HTML e CSS 1
G Div che non si vedono HTML e CSS 1
M Div con immagini ai bordi: IE aggiunge 4pixel in +! (FF perfetto). Che sarà? HTML e CSS 4
Artemisia Div che slittano verticalmente HTML e CSS 5
Y div che non segue il resto della pagina HTML e CSS 3
M Animazione flash che riempie l'intero <div> come fare?? Flash 3
MattiaBergomi [DIV e CSS] Far contenere ad un Div un immagine senza che esca dai margini HTML e CSS 9
S Div che segue la barra di navigazione,come?? Javascript 2
G altezza di un div che contiene 2 div float:left HTML e CSS 6
I DIV che appaiono diversamente su IE e FireFox. HTML e CSS 1
P riuscire a porre due div sulla stessa orizzontale senza che vadano a capo HTML e CSS 1
napuleone modificare il contenitore di un div Javascript 2
napuleone modificare il contenitore di un div Javascript 1
A inserire variabile php colore in div html PHP 2
J Far comparire e scomparire un div con un select Javascript 1
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
Stefano Migotto Creazione di un div con php o js PHP 9
felino Bootstrap alert: usare lo stesso div per due messaggi consecutivi jQuery 1
S Visibilità div in PHP PHP 1
L [Javascript]Scorrere div con frecce avanti-indietro Javascript 0
P [Javascript] Aprire Link in Div e pagina Dinamica Javascript 0
ANDREA20 [HTML] problema con i div HTML e CSS 10
Giacomo Boccherini [HTML] il div non si ottimizza HTML e CSS 1
Cosina [PHP] Scrivere dati in un div specifico PHP 3
R [PHP] [Javascript] Link a DIV id di un' altra pagina PHP 4
trattorino [Javascript] onclick su piu div insieme Javascript 1
trattorino ritornare al div precedente jQuery 2

Discussioni simili