Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2014
    Messaggi
    3

    Problema allineamento Div dopo aver fatto un include PHP

    Salve a tutti, ho cercato nel forum e su Google in generale ma non ho trovato risposta... Quindi chiedo scusa ma sono costretto ad aprire un nuovo post.

    Il problema è questo, non posto il codice perché penso che le immagini parlino meglio:

    http://i58.tinypic.com/1124g1k.jpg


    Questo è il semplice foglio HTML del template che ho scaricato per farci un sito in PHP per un esame. Come vedete la colonna di sinistra è allineata con quella di destra e tutto combacia alla perfezione.


    http://i61.tinypic.com/33xa49v.jpg

    Qui invece sorgono i problemi. Includo, nella nuova pagina index.php, l'header, il footer ed il left content. Nessun problema. Non appena invece includo l'elemento centrale della pagina html scritta prima (uso il metodo $url per aver questa parte variabile mantenendo fisse le altre) ecco che mi si pone il problema del non allineamento dei div. La parte centrale scala non appena finisce la colonna di sinistra (left content) e da lì riprende esattamente la formattazione del css.

    Ho provato a cambiare davvero tantissime cose, rinominare i div, crearne di nuovi, modificare l'impostazione delle varie parti della pagina ma non ho risolto davvero nulla...

    Vi prego di darmi una dritta, so che può sembrare una cosa stupida per un programmatore navigato di PHP ed HTML, ma non è così per me... :/ Non ho scritto codice, ma se vi occorre ovviamente ditemi quale parte e ve lo posto.

    Grazie.

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2014
    residenza
    Voltati
    Messaggi
    913
    Codice del coso di destra e di sinistra?
    No

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2014
    Messaggi
    3
    Ciao, grazie per aver risposto. Eccoli.

    Sinistra.
    codice:
    <div id="templatemo_container">
        <div id="templatemo_content">
            
            <div id="content_left">
               
                 <!-- Login ----------------------------->
    
                <div class="content_left_section">
                    <div class="content_left_section_title">Login</div>
                   <div class="content_left_section_content"> 
                  </br>
        <input type="email" name="email" class="login-input" placeholder="Email Address" autofocus>
        <input type="password" name="password" class="login-input" placeholder="Password">
        <input type="submit" value="Login" class="login-submit">
        <p class="login-help"><a href="index.html">Password dimenticata?</a></p>
        <p class="login-help"><a href="index.html">Non sei ancora registrato? Clicca qui!</a></p>
         </div>
    
                    <div class="cleaner">&nbsp; </div>
                    <div class="content_left_section_bottom">&nbsp;</div>
                </div>
                
                    <!-- Ricerca ----------------------------->
                
                <div class="margin_bottom_20">&nbsp;</div>  
                 <div class="content_left_section">
                    <div class="content_left_section_title">Ricerca</div>
                    <div class="content_left_section_content">
                     <form action="#" method="get">
                            <input type="text" class="search-input"/>
                            <input type="submit" class="search-submit" style="background-image:url('images/lente3.jpg')" value="&nbsp"/>
                     </form>
                          </div>                
                    <div class="cleaner">&nbsp;
                    </div>
                    <div class="content_left_section_bottom">&nbsp;</div>
                </div>
                
                <!-- Categorie -----------------------------> 
                
                <div class="margin_bottom_20">&nbsp;</div>
                <div class="content_left_section">
                    <div class="content_left_section_title">Categorie</div>
                    <div class="content_left_section_content">
                        <ul>
                            <li><a href="http://localhost/sitomio/blog.php">Prova 1</a></li>
                            <li><a href="#">Prova 2</a></li>
                            <li><a href="#">Prova 3</a></li>
                            <li><a href="#">Prova 4</a></li>
                            <li><a href="#">Prova 5</a></li>
                            <li><a href="#">Prova 6</a></li>
                            <li><a href="#">Prova 7</a></li>
                            <li><a href="#">Prova 8</a></li>
                            <li><a href="#">Prova 9</a></li>
                            <li><a href="#">Prova 10</a></li>
                        </ul>
                    </div>    
                    <div class="content_left_section_bottom">&nbsp;</div>
                </div>
                
                <div class="margin_bottom_20">&nbsp;</div>
    
            </div> <!-- end of content left -->
    </div>
    </div>

    Centro-Destra:
    codice:
    <div id="templatemo_container">
        <div id="templatemo_content">
    
            <div id="content_right">
            
                <div class="right_col_section_w650">
        
                    <div class="header_01">Benvenuti nel nuovo blog online!</div>
                <img src="images/templatemo_image_01.jpg" alt="image" />
                    <p><a href="http://www.templatemo.com/page/1" target="_parent">Bird Store  Template</a> is a free CSS template from <a href="http://www.templatemo.com" target="_parent">templatemo.com</a>. You may download, edit and apply this website layout for your websites. Credit goes to <a href="http://www.photovaco.com" target="_blank">Free Photos</a> for photos used in this template.</p>
                  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tempor consequat adipiscing. Nam metus felis, interdum vel mattis non, pellentesque quis tortor. Aenean quis tellus a ante accumsan accumsan placerat vitae nibh. Suspendisse feugiat sem gravida est rutrum interdum.</p>
                    
                    <div class="cleaner">&nbsp;</div>
                </div>
                
                <div class="margin_bottom_20">&nbsp;</div>
                
                <div class="right_col_section_w420">
                    <div class="product_box margin_right_10">
                        <span></span>
                          <div class="product_box_title">Parrot One</div>
                      
                        <div class="product_box_content">
                            <a href="#"><img src="images/templatemo_image_02.jpg" alt="Parrot One" /></a>
                          <p>Vivamus vestibulum condimentum massa. Phasellus id purus.</p>
                            <div class="buttom_section">
                                <div class="rc_btn_01"><a href="#">Detail</a></div><div class="rc_btn_02"><a href="#">Buy now</a></div>
                            </div>
                        </div>
                  </div>
                    
                    <div class="product_box">
                        <span></span>
                      <div class="product_box_title">Parrot Two</div>
                      
                        <div class="product_box_content">
                            <a href="http://www.templatemo.com" target="_parent"><img src="images/templatemo_image_03.jpg" alt="Parrot Three" /></a>
                          <p>Mauris ut ipsum et felis fringilla adipiscing vel quis nulla.</p>
                            <div class="buttom_section">
                                <div class="rc_btn_01"><a href="#">Detail</a></div><div class="rc_btn_02"><a href="#">Buy now</a></div>
                            </div>    
                        </div>
                  </div>
                    <div class="product_box margin_right_10">
                        <span></span>
                          <div class="product_box_title">Parrot Three</div>
                      
                        <div class="product_box_content">
                            <a href="http://www.templatemo.com" target="_parent"><img src="images/templatemo_image_04.jpg" alt="free templates" /></a>
                          <p>Nullam ac purus a nisl adipiscing ultricies eget vel sapien.</p>
                            <div class="buttom_section">
                                <div class="rc_btn_01"><a href="#">Detail</a></div><div class="rc_btn_02"><a href="#">Buy now</a></div>
                            </div>
                        </div>
                  </div>
                    
                    <div class="product_box">
                        <span></span>
                      <div class="product_box_title">Parrot Four</div>
                      
                        <div class="product_box_content">
                            <a href="#"><img src="images/templatemo_image_05.jpg" alt="Parrot Four" /></a>
                          <p>Sed velit metus, iaculis non porttitor lobortis, mollis sed neque.</p>
                            <div class="buttom_section">
                                <div class="rc_btn_01"><a href="#">Detail</a></div><div class="rc_btn_02"><a href="#">Buy now</a></div>
                            </div>
                        </div>
                  </div>
                    
                    <div class="cleaner">&nbsp;</div>
                </div> <!-- end of right_col_section_w420 -->
                
                <div class="right_col_section_w220">
    
                    <div class="header_01">
                        Sapevi che...?
                    </div>
                    
                    <div class="news_section">
                        <div class="news_title">
                            Donec mattis rhoncus mi
                        </div>
                        <p>Maecenas sodales pede eu massa. Fusce lacinia orci at nisi. Suspendisse at nisi nec diam pretium tincidunt. Ut vitae felis eu lectus ultrices varius.</p>
                        <div class="rc_btn_03"><a href="#">leggi di più</a></div>
                    </div>
                    
                    <div class="margin_bottom_30">&nbsp;</div>
                    
                    <div class="news_section">
                        <div class="news_title">
                            Curabitur euismod scelerisque
                        </div>
                        <p>Vivamus vestibulum condimentum massa. Phasellus id purus. Donec mattis egestas sem. Aliquam posuere. Sed pretium, neque hendrerit rhoncus accumsan, nibh tellus pharetra neque...</p>
                      <div class="rc_btn_03"><a href="#">leggi di più</a></div>
                    </div>
                    
                    <div class="margin_bottom_30">&nbsp;</div>
                    
                    <div class="news_section">
                        <div class="news_title">
                            Lorem ipsum dolor sit amet
                        </div>
                        <p>Duis nec viverra justo. Nam consequat mi ut nisl porta interdum. Etiam tempor, dui in tempus fringilla, risus mauris tempor justo, rhoncus feugiat lorem nunc id.</p>
                        <div class="rc_btn_03"><a href="#">leggi di più</a></div>
                    </div>
                                                    
                    <div class="margin_bottom_20">&nbsp;</div>
                    
                </div> <!-- end of right_col_section_w220 -->
                
            </div> <!-- end of content right -->
            
            <div class="cleaner">&nbsp;</div>
        </div> <!-- end of container -->
        <div id="templatemo_content_bottom">&nbsp;</div>
    <!--  Free CSS Templates by www.TemplateMo.com  -->
        
    </div> <!-- end of container -->
    Ultima modifica di ZioNick; 24-06-2014 a 23:25

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2014
    Messaggi
    3
    Risolto!! Il problema è che avevo:

    codice:
    <div id="templatemo_container">
     "templatemo_content">
    Ripetuti due volte, sia a sinistra che a destra, e quindi sballava. Sistemando i tag iniziali in fase finale nell'header e quelli finali all'inizio del footer si è sistemato tutto.
    Grazie mille comunque!

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.