Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di eee
    Registrato dal
    Nov 2002
    Messaggi
    127

    Contenitore non si espande coi contenuti (non e' il clear!)

    Ciao a tutti,

    ho un div contenitore che si chiama #content_wrap che ha all'interno un menu flottato a sinistra #sx e uno a destra #right_bg.

    Il #content_wrap ha uno sfondo bianco ma... ahime' lo sfondo bianco non si vede! Se gli do' un altezza fissa allora si' che si vede ma l'altezza voglio che sia dipendente dal div piu' lungo (in questo caso #right_bg). Leggendo sul forum ho letto che di solito il problema e' il clear. Cosi' sotto il #content_wrap ho messo un div clear: both;

    Ma non funziona!!

    La pagina la potete veder QUI

    Questo e' il CSS:


    Codice PHP:
    #content_wrap {
        
    background-color#ffffff;
        
    displayblock;
        
    overflowvisible;
    }

    #clear {
        
    clearboth;
    }

    #sx {
            
    float:left;
            
    padding107px 13px 0 13px;
            
    width:171px;
            
            }
            

            
    #right_bg {
            
    background-imageurl(img/separe_gallery.jpg);
            
    background-repeat:no-repeat;
            
    width672px;
            
    min-height390px;
            
    floatright;
            
    padding28px 13px 15px 25px;
            
    background-position0px 107px;

    E questo e' l'html:


    Codice PHP:
      <div id="content_wrap">
        
        <
    div id="sx">
          <
    div id="sx_lines"></div>
          

    Click on blue tabs on the right to see the images related to each section.</p>
        </
    div>
        
        
        <
    div id="right_bg"> <span class="bread">[url="index.html"]Home[/url] <span class="bread_arrow">&gt;</spanGallery</span>
          <
    h1>Gallery</h1>
          
        </
    div>
        
        
        <
    div id="footer_wrapper">
          
          <
    div id="footer"> [url="index.html"]Home[/url[url="about_us.html"]About Us[/url[url="services.html"]Services[/url[url="gallery.html"]Gallery[/url[url="fees.html"]Fees[/url[url="sitemap.html"]Sitemap[/url[url="contact_us.html"]Contact Us[/url] [url="http://www.thiscantbereal.net/"][img]img/logo_mio.gif[/img][/url] </div>
          
        </
    div>
        
      </
    div>
      
      <
    div id="clear"></div

    Come posso risolvere?

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2009
    Messaggi
    40
    forse è solo un errore di copia-incolla ma il primo div (content-wrap) non è stato chiuso dopo il footer-wrapper e prima del div "clear"

  3. #3
    Utente di HTML.it L'avatar di eee
    Registrato dal
    Nov 2002
    Messaggi
    127

    ...

    Ciao,

    innanzitutto vorrei scusarmi per avere aperto lo stesso thread 3 volte, le prime due volte non avevo ricevuto la conferma che il thread era stato creato e mi diceva che il server era "busy".

    Ho ricontrollato il codice e non mi sembra che manchi una chiusura del div. Comunque ho fatto la prova e gli ho aggiunto un </div> prima del del <div id="clear"></div> e mi dava errore.

    Quindi presumo che non sia quello l'errore.

    Questo e' il codice completo:


    Codice PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <
    html xmlns="http://www.w3.org/1999/xhtml">
    <
    head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <
    title>Pure Smile</title>
    <
    link rel="stylesheet" type="text/css" href="ps_style.css" />
    <
    link rel="shortcut icon" href="ps_favicon.ico" />
    <
    script type="text/javascript" src="styleswitcher.js"></script>
    </head>
    <body onload="MM_preloadImages('img/m_home.jpg','img/m_home_.jpg','img/m_aboutus.jpg','img/m_aboutus_.jpg','img/m_services.jpg','img/m_services_.jpg','img/m_gallery.jpg','img/m_gallery_.jpg','img/m_fees.jpg','img/m_fees_.jpg','img/m_contactus.jpg','img/m_contactus_.jpg')">

    <div id="container">
      
      <div id="top">[img]img/logo.gif[/img]
        
        <div id="icons">
          <ul>[*][url="#"][img]img/i_txt_s.gif[/img][/url][*][url="#"][img]img/i_txt_m.gif[/img][/url][*][url="#"][img]img/i_txt_l.gif[/img][/url][*][img]img/separe.gif[/img][*][email="info@puresmile.co.uk"][img]img/i_envelope.gif[/img][/email][*][url="sitemap.hml"][img]img/i_sitemap.gif[/img][/url][/list]
        </div>
        
      </div>
      
      
      <div id="menu">
        <ul>[*][url="index.html"][/url][*][url="about_us.html"][/url][*][url="services.html"][/url][*][url="gallery.html"][/url][*][url="fees.html"][/url][*][url="contact_us.html"][/url][/list]
      </div>
      
      
      <div id="content_wrap">
        
        <div id="sx">
          <div id="sx_lines"></div>
          

    Click on blue tabs on the right to see the images related to each section.</p>
        </div>
        
        
        <div id="right_bg"> <span class="bread">[url="index.html"]Home[/url] <span class="bread_arrow">&gt;</span> Gallery</span>
          <h1>Gallery</h1>
          <object type="application/x-shockwave-flash"
    data="c.swf?path=gallery.swf" 
    width="400" height="300">
    <param name="movie" 
    value="c.swf?path=gallery.swf" />
    </object>
        </div>
        
        
        <div id="footer_wrapper">
          
          <div id="footer"> [url="index.html"]Home[/url] l [url="about_us.html"]About Us[/url] l [url="services.html"]Services[/url] l [url="gallery.html"]Gallery[/url] l [url="fees.html"]Fees[/url] l [url="sitemap.html"]Sitemap[/url] l [url="contact_us.html"]Contact Us[/url] [url="http://www.thiscantbereal.net/"][img]img/logo_mio.gif[/img][/url] </div>
          
        </div>
        
      </div>
      
      <div id="clear"></div>
    </div>


    <div id="copyright">© Satinder Dhami  2009. All site material is owned by Satinder Dhami  and should not be used without prior permission.</div>

    </body>
    </html> 
    Cos'altro potrebbe essere?

  4. #4
    eh, e invece è proprio il clear. va messo dentro quel che vuoi far allungare [...] e dopo gli elementi flottanti, nn in un punto a cazzo e poi magari sarò ignorante, ma nn ho mai visto usare <div />. Pi io darei una classe clear, nn un id (metti che ti serve da un'altra parte). na roba così insomma:

    codice:
    <div id="content_wrap">
        <div id="sx">...</div>
        <div id="...">...</div>
        <div id="footer_wrapper">...</div>
        <div class="clear"></div>
    </div>

  5. #5
    Utente di HTML.it L'avatar di eee
    Registrato dal
    Nov 2002
    Messaggi
    127

    ...

    Bionicoz!

    Che dio ti benedica! Ho imparato una lezione importante!

    Grazie mille!

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.