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.449
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 3
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
E Creare un testo trasparente dietro un div HTML e CSS 5
F Div position: fixed si deve fermare quando raggiunge un altro div, oppure deve scomparire. Soluzioni? Javascript 0
M Accordion menu e posizione div HTML e CSS 0
P jquery refresh div non funziona Javascript 0
P refresh div + scrittura/lettura dal db Javascript 1
napuleone div centrato alla pagina posto sopra ai contenuti HTML e CSS 1
M Unire 2 funzioni per l'invio di un form e con l'apertura di un div Javascript 0
Cosina Nascondere div di default jQuery 2
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

Discussioni simili