CSS e DIV problema di dimensionamento

gladenko

Nuovo Utente
6 Dic 2005
9
0
0
Salve ragazzi mi stavo ciemntando con i div e css ma mi è sorto un dubbio
io ho creato un div che ne contiene altri tre per la creazione dell'intestazione con un'altezza di 115 in quanto questi div contengono immagini di quella dimensione.
Ora sotto volevo inserire un altro div contenete altri due uno per il menu di sinistra uno per il contenuto, e la dimensione di questo volevo che fosse del 100% nel senso che volevo che partisse dalla fine dei precedenti div fino alla fine del browser.
Questo non succede inquanto il sistema calcola il 100 sul browser quindi mi sballa sempre di 115 px.
Mi sapete dire esattamente come si puo fare???
Avevo anche pensato di far calcolare tipo height: 100%-115px; ma la cosa non funzia

Grazie per l'aiuto:dipser:
 

dead

Utente Attivo
22 Lug 2005
684
0
0
57
Brescia
www.dead.it
gladenko ha scritto:
...
Ora sotto volevo inserire un altro div contenete altri due uno per il menu di sinistra uno per il contenuto, e la dimensione di questo volevo che fosse del 100% nel senso che volevo che partisse dalla fine dei precedenti div fino alla fine del browser.
Questo non succede inquanto il sistema calcola il 100 sul browser quindi mi sballa sempre di 115 px.
...
Grazie per l'aiuto:dipser:

il valore in percentuale è riferito all elemento parent, che in questo cado non è il viewport (la finestra) ma il div che contiene gli altri due (che anche lui e largo come la finestra). Quindi se te imposti il 100% di un div largo come la finestra , anche il div figlio avrà la stessa dimensione.

P.S.
per mettere i 2 div affiancati ti conviene fare cosi:

<div style="width:100%; clear:both; display:block;">
<div style="width:30%;float:left;">MENU</div>
<div style="width:69%;float:left;">CONTENUTI</div>
</div>
 

gladenko

Nuovo Utente
6 Dic 2005
9
0
0
lukeonweb ha scritto:
Fai un disegnino con paint di come deve venire ed allegalo perchè non ho capito molto bene...

l'idea era questa schermatadiv.png

e il mio body è questo

<div id="contenitore_int">
<div id="logo"></div>



<div id="intestazione_1">
</div>

<div id="intestazione_2">
</div>
</div>
<div id="contenitore">



<div id="menu"></div>


<div id="contenuto"></div>

<div id="piede"></div>



se andate su questo link visualizzate il problema

www.gladenko.com

come vedete la schermata del contenuto è 100% quindi inserisce le barre del browser oltre a quella del div

mentre io vorrei che il div del contenuto arrivasse fino alla fine naturale del browser tenuto conto dei 115px per i div dell'intestazione!

</div>
 

Allegati

  • schermatadiv.jpg
    schermatadiv.jpg
    77,2 KB · Visite: 402
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
N [PHP+HTML+CSS] Problema con un div HTML e CSS 4
F [CSS] Problema con IE e div fixed HTML e CSS 2
trattorino css solo se richiama un class di un div HTML e CSS 1
P nascondere div con css inline Javascript 2
C CSS elemento tagliato fuori da div HTML e CSS 9
gandalf1959 Background image in un div con CSS non funziona HTML e CSS 4
bluettina Odio amore per i div e figlio css HTML e CSS 1
M CSS...dinamico? Altezza div variabile, ma con immagine come bordo HTML e CSS 4
V css div testo "nascosto" se supera il width HTML e CSS 16
Monital [DIV/CSS] evidenziare risultato array all'interno di un div PHP 0
M Centrare un DIV nel BODY (usando i CSS) HTML e CSS 1
L [CSS] Div e menu sovrapposti, attributi 'absolute', 'relative' (schema in allegato) HTML e CSS 0
B Flash & CSS: caricare pagina esterna in DIV Flash 2
G Css: come mettere il collegamento al div header? HTML e CSS 8
MattiaBergomi [DIV e CSS] Far contenere ad un Div un immagine senza che esca dai margini HTML e CSS 9
R [css] lunghezza div dei contenuti principali HTML e CSS 2
L div nascosti via CSS Javascript 1
Kerotan Div, css e testo (prime armi) HTML e CSS 35
M css div w3c posso iniziare? HTML e CSS 1
L padding e mozilla (in css e div) HTML e CSS 8
grottafelix Div O Table [css] HTML e CSS 4
M cosa servono i tag div + guida sui CSS HTML e CSS 5
G Input checkbox in CSS HTML e CSS 0
G classe CSS sovrascritta HTML e CSS 2
G file CSS contenente variabili HTML e CSS 1
R jquery che cambia css di un elemento non mi funziona sulla pagina caricata da ajax Ajax 5
L problema collegamento file css con html HTML e CSS 1
M CSS "puro" HTML e CSS 0
D Aiuto CSS in ELEMENTOR - Cambiare un testo CMS (Content Management System) 0
Z Google Fonts CSS tra desktop e responsive HTML e CSS 1
Z Slide show CSS HTML e CSS 1
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
S problema con css bootstrap3 HTML e CSS 4
L Sovrascrivere CSS iframe su dominio diverso WordPress 0
E CSS non riconosciuto PHP 1
Shyson [CSS] Posizionare casella di ricerca HTML e CSS 3
Shyson Centrare box css HTML e CSS 2
R Primo script in PHP / CSS PHP 4
S non funzionano alcuni effetti (bottone futuristico creato con css) HTML e CSS 1
V [CSS] Uso degli id HTML e CSS 2
I creazione stile css HTML e CSS 3
M [Javascript] Canvas js css Javascript 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
P [WordPress] Messaggio di errore in file style.css WordPress 0
D Aggiungere file .css esterno su Android HTML e CSS 4
F [JavaScript] Ottenere il CSS dopo transform: scale() e transform-origin Javascript 0
StephenSoftware Flexbox: definizione nel CSS HTML e CSS 4
Tommy03 Variabile PHP per impostare una proprietà CSS PHP 2
R javascript lettura css cross-browser Javascript 1

Discussioni simili