Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 17
  1. #1

    Spazio tra div se imposto altezza

    Ciao, ho questa struttura

    <STYLE>
    BODY{TEXT-ALIGN: center;}
    #container{WIDTH: 760px;}
    #sidebar-a{FLOAT: left;WIDTH: 200px;height: 50px;border: #000000 1px solid;}
    #sidebar-b {FLOAT: right;WIDTH: 200px;height: 50px;border: #000000 1px solid;}
    #content{MARGIN-LEFT: 200px;MARGIN-RIGHT: 200px;border: #000000 1px solid;}
    </STYLE>

    <DIV id=container>
    <DIV id=sidebar-a>a</DIV>
    <DIV id=sidebar-b>b</DIV>
    <DIV id=content>c</DIV>
    </DIV>
    e finquì tutto ok ma se imposto l'altezza del content per esempio
    a 50px come per gli altri due div si formano degli spazi tra essi.
    Qualcuno mi sa dire come mai e se c'è una soluzione?
    , Lara.

  2. #2
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: Spazio tra div se imposto altezza

    ciao
    innanzitutto dovresti adottare la tecnica del box-model.
    se per un elemento imposti una misura di 200px ed assegni un bordo di 1 px, questo sarà largo 202px. Giusto?
    Poi aggiungi altri 202px per l'elemento di dx.
    Cmq prova a dichiarare le esatte larghezze per i tre box e saranno perfettamente affiancati: L'ho provato sia in FF che in IE.
    Floyd
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  3. #3
    ciao,
    quindi mi dici di dare il margine destro e sinistro di 202px al content? intendi questo?
    , Lara.

  4. #4
    yuhuuuuuuuuu c'è nessunooooo...

  5. #5
    Potrebbe andare cosi?:

    <html>

    <head>
    <STYLE>
    body{text-align: center;}
    #container{width: 760px;background: #f60;}
    #sidebar-a{float: left;width: 200px;height: 50px;border: 2px solid #f4f ;}
    #sidebar-b {float: right;width: 200px;height: 50px;border: 2px solid #4f4 ;}
    #content{float: left;border: 2px solid #9cf ;height: 50px;width: 360px;}
    </STYLE>


    <title>a</title>
    </head>

    <body>
    <DIV id=container>
    <DIV id=sidebar-a>a</DIV>
    <DIV id=content>c</DIV>
    <DIV id=sidebar-b>b</DIV>
    </DIV>
    </body>

    </html>

  6. #6
    Grazie, il problema è che non posso dare una larghezza al content,
    che quindi dovrebbe espandersi o restringersi con il ridimensionamento della pagina.
    Ciao, Lara.

  7. #7

  8. #8
    Nessuno proprio nesuno che mi aiuta?

  9. #9
    ti succede solo con IE o tutti i browser?

  10. #10
    Si, solo con IE,
    mentre con firefox, opera e netscape tutto ok.

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.