• User

    Emh non sono bravo con Paint, :-), ma è così che se possibile vorrei che risultasse...

    Ovviamente mantenendo tutto del css originale, che risulta compatibile con firefox, i.e. 7, (i.e. 6 e 5 in teoria)..

    Grazie del supporto fin'ora, speriamo mi aiuti :-)...


  • User Attivo

    Ok, vediamo di arrivare ad una soluzione.

    Non conosco l'HTML delle tue pagine (se lo posti è meglio) quindi la soluzione che ti offrò potrà risultare approssimativa 🙂

    Puoi provare a fare queste cose (sostituisci N con il relativo spessore che vuoi dare al bordo):

    • Dare border: Npx; agli oggetti div#header e *div#footer. *Questo contornerà il footer e l'header.
    • Dare border-left: Npx; all'oggetto *div#sidebar. *Questo mette il bordo solo a sinistra della sidebar, quindi sul lato sinistro del tuo layout.
    • Dare border-right: Npx; all'oggetto *div#content. *Come sopra, ma sul lato destro.Leggendo solo il CSS non posso dirti se il risultato è esatto al 100%. Non so ad esempio se ci sono elementi di spaziatura tra un div l'altro che potrebbero disconnettere i bordi.

    Tu comunque prova, e se non va, postaci anche l'HTML 😉


  • User Attivo

    Mi sono accorto di una cosa sul CSS.... ma la sidebar è a sinistra come hai detto o a destra?

    Perchè div#sidebar ha il float:right e div#content ha margin-right:180px :mmm:

    Nel caso inverti la posizione del border (mettilo a detsra sulla sidebar, e a sinistra sul content)!


  • User

    Mi sa che abbiamo frainteso..Io onn voglio dei brodi, ma delle div che facciano il bordo..Così poi le riempio con le immagini, e fanno la grafica di contorno


  • User Attivo

    Gh :fagiano:

    Allora la soluzione è un po più complicata, e comporterebbe la riscrittura di buona parte del CSS...

    Ora sto uscendo, se ti interessa dopo posto qualche idea.


  • User

    Si, a me interessa infatti riammodernare il css, ma mantenendo la cmopatibilità, e le misure...Grazie mille se mi aiuti


  • User Attivo

    Ti dico la prima soluzione che mi viene in mente, sicuramente ce ne sono altre migliori... ma vista l'ora 🙂

    Dunque. Presumendo che i div Header, Sidebar, Content e Footer non abbiano un immagine di sfondo: l'idea è quella di applicare degli sfondi ripetuti, oppurtanamente posizionati, tali da apparire come cornici grafiche.
    Ad esempio ti crei il pattern verticale della tua cornice (patternverticale.gif) e dai al div Content il seguente attributo:

    background: #FFFFFF, patternverticale.gif, top left, repeat-y;
    

    In questo modo si dovrebbe replicare l'effetto della cornice a sinstra. Lo stesso discorso, ma con posizioni scambiate, vale per Sidebar.

    Invece per Header e Footer, che dovrebbero avere dimensioni fisse, crei un immagine di sfondo incorniciata con la tua cornice, delle stesse dimensioni delle div. Ad esempio se Header è 720x140px, crei un'imamgine 720x140px incorniciata e la imposti come background-image per Header.

    Spero di avere finalmente centrato il problema! 🙂


  • User

    Anche io avevo fatto così, ma a 1280x1024 è perfetto, mentre le immagini alle altre risoluzioni fanno cesso..


  • User

    Mi puoi aiutare?


  • User Attivo

    Ciao!
    Mi ero perso la risposta.

    Che significa che ad altre "risoluzioni fanno cesso"?

    Hai una pagina online da vedere, per capire meglio?

    :ciauz:


  • User

    http://rapidshare.com/files/8420893/ex.rar.html

    é di un po di gg fa, ma dovrebbe redere l'idea..Comunque a me servono proprio le div, non è che mi aiuteresti a farle per favore?

    Intendo quelle in + al layout di adesso, quelle solo dedicate alla grafica...


  • User

    Un grande aiuto me lo daresti moltissimo se come prima cosa fossi in grado,gentilmente, di modificare il css in modo da non avere solo 2 div (conte e sidebar) orizzontalmente affiancate come adesso, ma a me servirebbero 5 div (bordo sx, content, bordo centrale,sidbar, bordo dx)..Mi aiuteresti una casino..
    Grazie mille e scusa per lo scazzo ennesimo


  • User

    emh ci sei ankora?


  • User

    Help Me!!!!!


  • User Attivo

    @lostboy said:

    Un grande aiuto me lo daresti moltissimo se come prima cosa fossi in grado,gentilmente, di modificare il css in modo da non avere solo 2 div (conte e sidebar) orizzontalmente affiancate come adesso, ma a me servirebbero 5 div (bordo sx, content, bordo centrale,sidbar, bordo dx)..Mi aiuteresti una casino..
    Grazie mille e scusa per lo scazzo ennesimo

    Ok, allora fai un div che contenga le tue 5 cinque div (wrapper) e inserisci le 5 div con il float:left e dai le dimensioni in modo tale che la somma totale non superi il width del wrapper.

    Faccio un esempio:

    
    #wrapper {
        width:720px;
    }
    #uno {
        width:144px;
        float:left;
    }
    #due {
        width:144px;
        float:left;
    }
    #tre {
        width:144px;
        float:left;
    }
    #quattro {
        width:144px;
        float:left;
    }
    #cinque {
        width:144px;
        float:left;
    }
    
    

    E l'html:

    
    <div id="wrapper">
      <div id="uno">1<br><br><br><br></div>
      <div id="due">2<br><br><br><br></div>
      <div id="tre">3<br><br><br><br></div>
      <div id="quattro">4<br><br><br><br></div>
      <div id="cinque">5<br><br><br><br></div>
    </div>
    
    

    Occhio che nella somma totale devi considerare i margini ed evntualmente il padding di ogni singolo div. Se al div uno dai width:144 e margin:3 la dimensione che ottieni è 144+3+3=150.

    Se sfori la dimensione del wrapper, le div in eccesso vanno a capo.

    Inoltre tieni presente che IE interpreta diversamente il Box Model rispetto agli standard e quindi dopo che hai calcolato le dimensioni, dovrai adattare il tuo foglio di stile. :bho:

    Se permetti un consiglio non penso che usare 5 div in questa maniera sia una buona soluzione (considerando la noia di adattare il CSS a IE!). Secondo me, lavorare con il background come ti avevo suggerito prima è un idea migliore. 😉

    :ciauz:


  • User

    No il mio css per fortuna funzia sia coin i.e. 7, sia con i.e. precedenti, sia con mozilla...

    Avrei un po di consigli da chiederti se hai tempo..Grazie mille intanto per sopra...Alla fien ho capito che era per i padding ecc che sforavano a capo..

    Ora ho 2 problemi : uno, come fare a fare si che le div bordo si riempiano dinamicamente in base alla risoluzione : es : a 1280x1024, devo mettere na decina di br (con lo sfondo che fa repeat-y), ma a 1024x768 invece quei 10 br sono troppi e fa apparire lo scollbar..Come faccioa fare si che, come per l'orizozntale, che invece funziona, anche il verticale ridimensioni la grafica ecc in base alla risoluzione?Perchè io, dopo avere l'header, il footer fissi, piacerebbe tenere bordo sx verticale fisso, content scrollabile, bordo centrale verticale fisso, sidebar scrollabile, bordo dx verticale fisso...

    é possibile?

    Grazie mille, se passi in trentino la birra di supporto è tua 🙂


  • User

    No il mio css per fortuna funzia sia coin i.e. 7, sia con i.e. precedenti, sia con mozilla...

    Avrei un po di consigli da chiederti se hai tempo..Grazie mille intanto per sopra...Alla fien ho capito che era per i padding ecc che sforavano a capo..

    Ora ho 2 problemi : uno, come fare a fare si che le div bordo si riempiano dinamicamente in base alla risoluzione : es : a 1280x1024, devo mettere na decina di br (con lo sfondo che fa repeat-y), ma a 1024x768 invece quei 10 br sono troppi e fa apparire lo scollbar..Come faccioa fare si che, come per l'orizozntale, che invece funziona, anche il verticale ridimensioni la grafica ecc in base alla risoluzione?Perchè io, dopo avere l'header, il footer fissi, piacerebbe tenere bordo sx verticale fisso, content scrollabile, bordo centrale verticale fisso, sidebar scrollabile, bordo dx verticale fisso...

    é possibile?

    Grazie mille, se passi in trentino la birra di supporto è tua 🙂


  • User Attivo

    @lostboy said:

    Ora ho 2 problemi : uno, come fare a fare si che le div bordo si riempiano dinamicamente in base alla risoluzione : es : a 1280x1024, devo mettere na decina di br (con lo sfondo che fa repeat-y), ma a 1024x768 invece quei 10 br sono troppi e fa apparire lo scollbar..Come faccioa fare si che, come per l'orizozntale, che invece funziona, anche il verticale ridimensioni la grafica ecc in base alla risoluzione?Perchè io, dopo avere l'header, il footer fissi, piacerebbe tenere bordo sx verticale fisso, content scrollabile, bordo centrale verticale fisso, sidebar scrollabile, bordo dx verticale fisso...

    é possibile?

    Grazie mille, se passi in trentino la birra di supporto è tua 🙂

    Dovrebbe bastare mettere ai div di bordo un height:100% 🙂


  • User

    non funzia, non capisco..Ho provato anche con l'overflow...Magari sbaglio io....


  • User Attivo

    @lostboy said:

    non funzia, non capisco..Ho provato anche con l'overflow...Magari sbaglio io....

    Imposta height:100% (o l'height che vuoi tu) anche al div contenitore.