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

    tabella in css + larga della larghezza del browser

    Ciao a tutti, anticipatamente grazie a chi mi sapra' aiutare.
    Vi spiego il mio problema:
    Vorrei riprodurre una tabella con i CSS. Questa tabella puo' succedere che sia piu' larga della larghezza del browser e vorrei pertanto che (in tal caso) compaia la barra di scorrimento orizzontale e non che le celle si spostino sulla riga successiva.

    Mi spiego meglio:
    codice:
    <style type="text/css">
      body { padding:0; margin:0; }
      div.grid { overflow:hidden; float:left; overflow-x:auto; }
      div.row  { margin:0px; padding:0px; clear:both; overflow:hidden; overflow-x:auto; white-space:nowarp; }
      div.cell { float:left; margin:0 0 0 -1; padding:0; position:relative; height:10px; width:100px; font-size:8px; display:block; text-align:center; border:1px solid #dddddd; background:#dddddd; z-index:0; }
    </style>
    Da notare che ogni cella e' larga 100px;

    Quindi il body...
    codice:
      <div id='grid'>
        <div class='row'>
          <div class='cell'>A1</div>
          <div class='cell'>A2</div>
          <div class='cell'>A3</div>
          <div class='cell'>A4</div>
          <div class='cell'>A5</div>
          <div class='cell'>A6</div>
          <div class='cell'>A7</div>
          <div class='cell'>A8</div>
          <div class='cell'>A9</div>
          <div class='cell'>A10</div>
          <div class='cell'>A11</div>
          <div class='cell'>A12</div>
        </div>
        <div class='row'>
          <div class='cell'>B1</div>
          <div class='cell'>B2</div>
          <div class='cell'>B3</div>
          <div class='cell'>B4</div>
          <div class='cell'>B5</div>
          <div class='cell'>B6</div>
          <div class='cell'>B7</div>
          <div class='cell'>B8</div>
          <div class='cell'>B9</div>
          <div class='cell'>B10</div>
          <div class='cell'>B11</div>
          <div class='cell'>B12</div>
        </div>
      </div>
    Cosi' facendo, con una risoluzione di 1024, mi aspettavo che le celle A11 e A12 fossero visualizzate sulla destra della A10 con tanto di scrollbar di scorrimento orizzontale, ma cosi' non e'... sono mandate a capo.

    Dove sto sbagliando?!?

    Grazie ancora,
    Stefano
    Il saggio coltiva Linux poichè Windows si pianta da solo

  2. #2

    Re: tabella in css + larga della larghezza del browser

    Originariamente inviato da buonste
    Dove sto sbagliando?!?
    Nel non dare una misura a Grid (che fra l'altro è un ID e non una Class)
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  3. #3
    ok! Chiaro! Grazie mille!
    Ste
    Il saggio coltiva Linux poichè Windows si pianta da solo

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.