Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    IE7 vs. resto dei browser: problema di posizionamento

    Buongiorno a tutti, sapreste spiegarmi come posso risolvere questa situazione dalla quale non riesco più ad uscirne vivo:
    IE7:


    Altri browser (questo è lo screenshot fatto con Chrome, ma non ho riscontrato problemi nè con IE8 nè tantomeno con Firefox):


    Il problema consiste nell'eccessiva spaziatura che si ha tra un oggetto e l'altro con IE7 e, di conseguenza, il testo va oltre il pannello di colore più chiaro.

    Il codice HTML che c'è sotto quel pannello è il seguente:
    codice:
        <div style="width:200px; float:left; overflow:hidden; padding-bottom:10px;">
            <div style="width:40px; float:left; text-align:center;">
                [img]images/pallino.jpg[/img]
            </div>
            <div style="width:160px; float:left; display:inline;">
                <asp:Label ID="lblData" runat="server" Font-Names="Verdana" Font-Size="Small"  Font-Bold="true" ForeColor="#a2131c" Width="100%"></asp:Label>
                <asp:HyperLink ID="HLTitolo" runat="server" Font-Names="Verdana"  CssClass="hyperlink-eventi-mini" font-Size="8pt"  Font-Bold="true" ForeColor="#1a171b" Width="100%"></asp:HyperLink>
                <asp:Label ID="lblLuogo" runat="server" Font-Names="Verdana" Font-Size="7pt"  Font-Bold="true" ForeColor="#5f5d5f" Width="100%" style="padding:0px; margin:0px;"></asp:Label>
            </div>
        </div>
    come potete vedere stavo già iniziando ad impazzire con padding:0px e margin:0px ma assolutamente senza successo.
    Sapreste darmi una mano?
    Grazie anticipatamente.

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2003
    Messaggi
    2,008
    hai provato ad inserire anche l' altezza del div?

  3. #3
    no, non ho provato poichè, teoricamente, l'altezza è variabile in base al contenuto di ogni singolo oggetto.
    Come puoi ben vedere anche tu, la lunghezza del titolo del terzo evento è decisamente superiore rispetto a quella del primo e quindi se avessi messo un div ad altezza fissa qualche parola sarebbe stata mozzata.
    Non credi?

  4. #4
    prova a dare overflow:hidden; anche a i contenitori delle notizie.

  5. #5
    NUlla, nemmeno con l'overflow hidden sul secondo contenitore (per intenderci quello a cui avevo già dato l'impostazione display:inline) son riuscito ad ottenere qualcosa.

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.