Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2004
    Messaggi
    140

    allineare a destra e a sinistra sulla stessa riga

    Ciao, ho un div "footer" nel quale vorrei scrivere all'estrema sinistra (con allineamento a sx) e all'estrema destra (con allineamento a dx).

    Ora ho:

    codice:
    div.site_footer span.ft_sx { text-align:left; display:inline-block; width:680px; } 
    div.site_footer span.ft_dx { text-align:right; display:inline-block; width:159px; }
    All'interno di ogni scritta ci sono degli spazi con
    .

    Il tutto funziona, però la scritta di destra inizia una riga più in basso di quella di sx.

    Ecco quello che succede:



    Come posso risolvere?

  2. #2
    Utente bannato
    Registrato dal
    Sep 2009
    Messaggi
    1,737
    codice:
    <!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>Documento senza titolo</title>
    <style type="text/css" media="screen">
    .site_footer {
    	clear: both;
    }
    div.site_footer .ft_sx { text-align:left; width:50%; float: left; } 
    div.site_footer .ft_dx { text-align:right; width:50%; float: left; }
    #clear {
    	clear: both;
    }
    </style>
    </head>
    
    <body>
    <div class="site_footer">
      <div class="ft_sx">Inserire
    qui il contenuto
    per class "ft_sx"</div>
      <div class="ft_dx">Inserire
    qui il contenuto
    per  class "ft_dx"</div>
      <div id="clear"></div>
    </div>
    </body>
    </html>

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.