Visualizzazione dei risultati da 1 a 7 su 7
  1. #1

    Layout Elastico... ma non troppo!

    Salve ragazzi,
    sto realizzando un sito table-less con la solita struttura:
    Codice PHP:
    <div id="contenitore">
       <
    div id="menu"></div>
       <
    div id="contenuto"></div>
    </
    div
    ho la necessità di bloccare il contenitore solo in larghezza e di ingrandirlo in altezza solo quando il testo presente del DIV "contenuto" va oltre i 55px di altezza...

    Potreste darmi un dritta?
    Grazie
    Mantisworks.net - Soluzioni dal web per il web!
    SEO, SEM, Software, Siti internet, Grafica e Multimedia

  2. #2
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    per la larghezza definisci width e sei a posto. per l'altezza usi

    codice:
    min-height: 55px; /* per i browser standard */
    height: auto !important; /* questo sovrascrive la riga successiva, sempre sui browser standard */
    height: 55px; /* min-height su IE6 */

  3. #3
    Ok funziona!
    Solo che rimane elastico solo il "contenuto"!
    Codice PHP:
    <div id="contenitore">
       <
    div id="menu" style="float: left"></div>
       <
    div id="contenuto" style="float: right"></div>
    </
    div
    "menu" e "contenuto" sono affiancati grazie alla clausola float e non so per qualemotivo anche se il menu o il contenuto si adattino al testo presente, il contenitore rimane sempre di larghezza fissa! °_°
    Mantisworks.net - Soluzioni dal web per il web!
    SEO, SEM, Software, Siti internet, Grafica e Multimedia

  4. #4
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    'spe. Il div "contenitore" non lo volevi di larghezza fissa?

    mi spieghi un attimino meglio, magari dandomi anche il link alla pagina?

  5. #5
    Prima di tutto non ti permettere più a darmi del Lei!

    La pagina è QUESTA . Praticamente le "ULTIME NOTIZIE" vengono importate direttamente da un DB tramite una query, il problema è che quando il testo è molto lungo il DIV che contiene il testo di adatta ed è tutto ok, invece, il DIV contenitore no.

    Il problema ora è che se non definisco l'altezza del div "contenitore" questo rimane di altezza di circa 20px!!! Ho notato inoltre che togliendo i vari "float" dagli altri div man mano riesce ad allungarsi...

    Questo è il CSS
    Mantisworks.net - Soluzioni dal web per il web!
    SEO, SEM, Software, Siti internet, Grafica e Multimedia

  6. #6
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Originariamente inviato da Ruben Elmo
    Prima di tutto non ti permettere più a darmi del Lei!
    io spiego, tu spieghi, egli spiega, .... no?

    vabbè, adesso sto tornando al lavoro, stasera se non hai ancora avuto risposta ti ci guardo

  7. #7
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    Originariamente inviato da Ruben Elmo
    Prima di tutto non ti permettere più a darmi del Lei!

    La pagina è QUESTA . Praticamente le "ULTIME NOTIZIE" vengono importate direttamente da un DB tramite una query, il problema è che quando il testo è molto lungo il DIV che contiene il testo di adatta ed è tutto ok, invece, il DIV contenitore no.

    Il problema ora è che se non definisco l'altezza del div "contenitore" questo rimane di altezza di circa 20px!!! Ho notato inoltre che togliendo i vari "float" dagli altri div man mano riesce ad allungarsi...

    Questo è il CSS
    ho notato due cose nel tuo css:

    1. hai definito una height al div contenitore, prova a eliminarla lasciando il layout libero in altezza (a parte IE che considera height e min-height allo stesso modo, per gli altri browser sono due cose differenti)
    2. manca il clear ai float

    prova ad aggiustare intanto queste due cose, poi fammi sapere

    Cyà

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.