Overflow em várias tabelas

[Wellington Guedes 1]

Boa noite,

 

Estou com uma dúvida,

 

Tenho 6 tabelas, uma do lado da outra, usando CSS. Porém quando muda a resolução, as tabelas mudam e ficam abaixo da outra, o que pensei foi em criar um overflow assim criaria uma barra de rolagem ao invés de mudar a posição das tabelas.

 

<div id="hora">
<div id="1">
<table width="175"border="1">
<tr>
    <td>TB1</td>
</tr>
 <tr> </tr>
</table>        
</div>
    
<div id="2">
<table width="175"border="1">
<tr>
    <td>TB2</td>
</tr>
 <tr> </tr>
</table>        
</div>

<div id="3">
<table width="175"border="1">
<tr>
    <td>TB3</td>
</tr>
 <tr> </tr>
</table>        
</div> 
<div id="4">
<table width="175"border="1">
<tr>
    <td>TB4</td>
</tr>
 <tr> </tr>
</table>        
</div>

<div id="5">
<table width="175"border="1">
<tr>
    <td>TB5</td>
</tr>
 <tr> </tr>
</table>        
</div>
<div id="6">
  <table width="175"border="1">
  <tr>
    <td>TB6</td>
  </tr>
  </table>        
</div>

 

 

CSS:

 

#1 {
        float:left;
}
#2 {
        float:left;
}
#3 {
        float:left;

}
#4 {
     float: left;
}
#5 {
}
#6 {
    float: left;

}

 

 

[Nícolas Luís Huber 14]

As tabelas estão "quebrando" em função que não há um tamanho especifico, ou seja, seu layout é fluido. Ao momento que você inserir um width ele ficará fixa e não irá diminuir conforme o tamanho da janela!

[Wellington Guedes 1]

Exatamente Nícolas!

 

Obrigado pela ajuda :)