Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 13

Discussione: Problema con boxes

  1. #1
    Utente di HTML.it L'avatar di giudf
    Registrato dal
    Jun 2006
    Messaggi
    162

    Problema con boxes

    Salve ragazzi,
    premetto che non sono un maestro di siti web, ma dalle semplici guide online e dai vari consigli sparsi nei diversi forum, non mi sembrava chissà cosa impostare il layout con i div, invece mi ritrovo davanti uno strano risultato:

    (Se qualcuno è curioso ho fatto uno snapshot ed ho fatto l'upload su un host temporaneo: http://w15.easy-share.com/1699645960...?id=1699645960 )


    cmq il sito consisto in tre div, uno per il titolo, uno per il contenuto, ed uno per il menu sinistro, per questo corto file css:

    body {
    margin: 0;
    padding: 0;
    color : green;
    background-image : url(background.jpg); background-repeat: repeat;
    background-attachment : fixed;

    }


    #titolo {
    padding: none;
    border: none;
    margin-top : 0%;
    margin-left : 0%;
    width : 100%;
    height : 15%;
    position : absoute;

    background : /*top center*/ url(titolo.jpg) no-repeat;
    overflow:scroll;
    }

    #menuSX{
    padding: 0;
    border:none;
    margin-left : 0%;
    margin-top : 19%;

    font : 30px "Viner Hand ITC", sans-serif;
    position : absolute;

    width : 19%;
    height : 39%;
    overflow:scroll;
    }

    #content {
    padding:none;
    border:none;
    margin-left : 25%;
    maring-top : 19%;
    position : absolute;
    width : 60%;
    height : 39%;
    background : top center url(titolo.gif) no-repeat;
    overflow :scroll;

    }

    Il problema ovviamente è che il menu sinistro in realtà non me lo piazza a 19% dal margine alto ma molto di più, cosa che invece fa correttamente per content, sapreste dirmi il perchè?!?

    Grazie

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    Ho notato che hai scritto maring-top : 19%; invece che margin-top: 19%;.

    Prova a modificare l'errore.

  3. #3
    Utente di HTML.it L'avatar di giudf
    Registrato dal
    Jun 2006
    Messaggi
    162

    Non cambia nulla

    Per scrupolo l'ho fatto lo stesso anche se in realtà l'intero css ha i ":" staccati dal tag (e non mi da problemi per nessuno di questi) cmq grazie per il consiglio ma attaccare i ":" al tag non ha risolto il mio problema

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    puoi postare il pezzo di struttura..

  5. #5
    Utente di HTML.it L'avatar di giudf
    Registrato dal
    Jun 2006
    Messaggi
    162

    Codice HTML elementarissimo:

    <html>
    <head>

    <link rel="stylesheet" type="text/css" href="stile.css" >

    </head>
    <body link="#6600CC" vlink="#6600CC">

    <div id="titolo">
    </div>

    <div id="menuSX">
    </div>


    <div id="content">
    </div>



    </body>

    </html>

  6. #6
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    L'errore è proprio quello se ho capito quello che vuoi tu, perchè sulla mia macchina sono alla stessa altezza in tutti i browser, prima il content stava attaccato al titolo, sistemando l'errore di sintassi:
    #content {
    padding:none;
    border:none;
    margin-left : 25%;
    margin-top : 19%; /*qui*/
    position : absolute;
    width : 60%;
    height : 39%;
    background : top center url(titolo.gif) no-repeat;
    overflow :scroll;
    border:solid 1px red;
    }
    si allineano alla stessa altezza.
    Immagini allegate Immagini allegate

  7. #7

    Re: Non cambia nulla

    Originariamente inviato da giudf
    Per scrupolo l'ho fatto lo stesso anche se in realtà l'intero css ha i ":" staccati dal tag (e non mi da problemi per nessuno di questi) cmq grazie per il consiglio ma attaccare i ":" al tag non ha risolto il mio problema
    (forse) tu non hai notato il vero problema (a parte i duepunti):
    tu hai scritto:

    maring-top : 19%; invece che margin-top: 19%;

    non noti una certa mescolanza delle tre lettere colorate come le hai scritte tu?

    Non &egrave; facile da vedere, ma basterebbe validare il CSS per beccarsi l'errore!

    HTH
    Zappa
    [PC:Presario 2515EU][Cpu:P4@2.3GHz][Ram: 512M][HDU:80G@5400 RPM]
    [Wireless:LinkSys][OS: Ubuntu 9.04 - Jaunty Jackalope]

  8. #8
    Utente di HTML.it L'avatar di giudf
    Registrato dal
    Jun 2006
    Messaggi
    162

    Continuano i problemi

    MESSAGGIO ELIMINATO (non avevo letto il post sovrastante di homezappa)

  9. #9
    Utente di HTML.it L'avatar di giudf
    Registrato dal
    Jun 2006
    Messaggi
    162

    Codice controllato ; Distanza fantasma

    Grazie homezappa, ora il menu ed il content sono allineati grazie !!!
    Ho fatto controllare il codice con dreamweaver e c'era più di qualche "pecionata"

    La cosa che però continuo a non capire è perchè c'è una grande distanza tra il div del titolo e gli altri due, la differenza è solo del 3%, invece come si può apprezzare dall'immagine sopra di gengix la distanza verticale tra le div è molto maggiore, inoltre, modificando il codice e riducendo la distanza tra titolo e content dell'1% rimane sempre un grande spazio tra un div e l'altro, come è possibile ?!?

  10. #10
    Utente di HTML.it L'avatar di giudf
    Registrato dal
    Jun 2006
    Messaggi
    162

    Le scrollbar

    Oltre al problema della differenza di altezza tra i 2 ce ne è 1 altro: nella guida ho letto che se imposto overflow:scroll , in caso di overflow compaiono le scrollbar, ma allora perchè compaiono sempre anche quando il div non va in overflow (Non vorrei essere costretto a togliere overflow:scroll perchè quando ristringo la finestra se non metto le scrollbar, mi taglia i div invece di riproporzionarli)

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 © 2025 vBulletin Solutions, Inc. All rights reserved.