Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2003
    Messaggi
    170

    overflow: con firefox ok, con IE ORRORE!!!

    salve ragazzi, ho un problema un po' urgente che se risolvo ho svoltato
    visitate questa pagina prima con ff e poi con ie:
    http://www.santangeloimm.net/test/vetrina.aspx
    premete direttamente INVIA e guardate il risultato della pagina.

    breve spiegazione
    1)dal risultato della ricerca, devono essere costruite delle schede tramite codice c#
    2)ogni scheda è inserita in una cella di una <table>
    3)tutte le schede (e le celle delle <table>) sono inserite a loro volta in un <div> esterno che deve essere scrollabile

    bene: ff va, IE fa vedere un orrore.

    questo è il CSS:
    ----------------------------------------------------------------------------------------
    div.outer
    {
    float:left;
    width:320px;
    height:550px;
    overflow:auto;
    }
    div.inner
    {
    /*float:left;*/
    width:130px;
    height:260px;
    margin-left:0px;
    margin-top:0px;
    }

    div.titolo{
    font-family:"Felix Titling", "Courier New", "Bookman Old Style", Arial;
    font-size:10px;
    font-weight:bold;
    text-align:center;
    color:#666666;
    height:12px;
    width:130px;
    }

    div.tabella{
    border:#CCCCCC double;
    }

    div.descrizione{
    position:relative;
    top:0;
    height:90px;
    padding-left:1px;
    padding-right:1px;
    }

    div.prezzo{
    position:relative;
    margin-top:1px;
    height:11px;
    }

    div.foto{
    position:relative;
    width:90px;
    height:90px;
    margin-top:2px;
    margin-left:16px;
    text-align:center;
    }

    div.logo{
    position:relative;
    margin-top:0;
    text-align:center;
    }

    p{
    font-family:Verdana;
    color:#666666;
    font-size:9px;
    text-align:center;
    line-height:11px;
    }

    #cost{
    color:#660033;
    font-weight:bold;
    font-size:14px;
    }
    table
    {
    padding:0;
    }
    td, tr
    {
    width:140px;
    height:270px;
    }
    ----------------------------------------------------------------------------------------
    ...e questa è la porzione di codice che genera schede e tabelle
    ----------------------------------------------------------------------------------------
    <div class="outer">
    <%
    Response.Write("<table>");
    for (int i = 0; i < 4; i++)
    {
    Response.Write("<tr>");
    for (int j = 0; j < 2; j++)
    {
    Response.Write("<td>");
    Response.Write("<div class='inner'>" +
    "<div class='titolo'>" + titolo + "</div>" +
    "<div class='tabella'><div class='descrizione'>

    " + desc + "</p></div>" +
    "<div class='prezzo'>

    " + prezzo + "</p></div>" +
    "<div class='foto'>[img]public/imm_appartamenti/fontenuova.jpg[/img]</div>" +
    "<div class='logo'>[img]immagini/logo_paolo.jpg[/img]</div>" +
    "</div>");
    Response.Write("</td>");
    }
    Response.Write("</tr>");
    }
    Response.Write("</table");
    }
    %>
    -----------------------------------------------------------------------------------------
    grazie ragazzi, confido in voi!

  2. #2
    Non scrolla nulla neanche con FF.....sicuro che il link che hai dato vada bene?

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2003
    Messaggi
    170
    hai ragione, avevo toppato il link, ma ho risolto
    grazie comunque

  4. #4
    Utente di HTML.it L'avatar di ßenJo
    Registrato dal
    Dec 2000
    Messaggi
    33

    Scusa....

    ... Potrei sapere come hai risolto? Ho lo stesso problema....
    mettendo nel CSS overflow:auto; come attributo per un DIV, Firefox mi visualizza correttamente la barra di scorrimento quando il testo contenuto eccede la grandezza... IE invece non mi visualizza niente e non fa nient'altro che allargare il DIV per farci entrare tutto rovinando tutta la pagina....

  5. #5
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    benjo ti conviene aprire una nuova discussione magari postando il codice html che usi (non l'asp come ha fatto l'autore del post) e il css spiegando in cosa consiste il problema
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

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.