io ho l'ennesimo problema con i div.. o meglio, l'ennesimo vuoto di memoria..
avrei la necessità di mettere due div affiancati in cui quello di sinistra misura 30% della magina, 320px massimi e 250px minimo.
height:100%;
width:30%;
max-width:320px;
min-width:250px;
poi ho un secondo div di destra ovviamente, che però devo riuscire a fargli occupare tutto lo spazio rimanente..
sapete come posso fare?
grazie mille!
l'atra larghezza potresti calcolarla con un javascript e assegnargliela al div di destra..
Comunque non capisco cosa ti serve il min width o il max width.. Magari esponi il tuo problema, così che possiamo consigliarti, in caso, delle soluzioni alternative
in ch che senso esponi il tuo problema?
cioè io è questo che non riesco a fare..
un div largo 30% sulla sinistra, e un div a destra che occupa TUTTO lo spazio restanze..
Non funziona se fai sul secondo "width: 70%;" ?
si, se faccio 30% e 70% funziona bene..
il problema è che io devo avere del siv di sinistra una larghezza massima e una larghezza minima (min-width e max width)..
e se io metto 30% al div di sinistra e 70a quello di destra, se restringo il browser puo essere che tra i due div appaia uno spazio vuoto, oppure che il di destra "va sotto" al div di sinistra..
Prova a postare il link della pagina in questione, che facciamo qualche prova.
mi sono reso conto che ho impostato il container (che contiene i due div) largo minimo 1000px..
e che il div di sinistra non deve essere più largo di 300px circa..
quindi se io l'ho impostato width:30%; non ha senso mettere una larghezza minima e massima perchè il div non potrà mai essere più stretto di 300px:
30:100=x:1000 => 300(px)
quindi cambio domanda: io metto il div di sinistra width:300px; ora come faccio ad impostare che il div di destra deve occupare lo spazio restante?
Al blocco di destra togli il float, e metti invece
margin-left: 300px;
Potrebbe funzionare, ma dipende da come sono posizionati gli altri elementi (quello sopra e` un trucco che potrebbe avere effetti collaterali).
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
ho provato ma niente.. dovrebbe essere essere semplice da fare, l'ho fatto anche tempo fa, solo che non mi ricordo più come.. e non ho più il codice
comunque posto il codice. ho provato a giocare un po con le position del div di sinistra ma niente..
HTML:
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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="style.css" rel="stylesheet" type="text/css" /> <title>Cuaxo</title> </head> <body> <div id="container"> <div id="cont_left"> left </div> <div id="cont_right"> right </div> </div> </body> </html>
codice:html,body{margin:0 auto; padding:0 auto; width:100%; height:100%; background:;} body{background:;} #container{ overflow:auto; min-width:1000px; width:100%; height:100%; background:#CCFFFF; } #cont_left{ overflow:auto; position:absolute; float:left; width:300px; height:100%; background:#33FF00; } #cont_right{ overflow:auto; margin-left:300px; width:100%; height:100%; background:#CCFF00; }
che cavolata
vi posto la modifica al css:
bastava togliere le position e mettere al div di destra width:auto; al posto di width:100%;codice:#cont_left{ overflow:auto; float:left; width:300px; height:100%; background:#33FF00; } #cont_right{ overflow:auto; left:300px; width:auto; height:100%; background:#CCFF00; }
ora però devo riuscire a tener fisso il div di sinistra, in modo che allo scrolling della pagina scorra solo il div di destra.. provo poi vi dico
EDIT: nessuna modifica per lo scrolling, funziona tutto perfettamente, grazie a tutti!
Permessi di invio
Rispondi quotando