background e dimensione finestra

**frenkytribe** · 15-11-2013, 14:52

Ciao a tutti, ho semplificato il codice in questa maniera

codice HTML:

<html>
<head>
</head>
<body style="margin:0 auto;">
<div align="center" width="100%" style=" background-color: #183337; height: 50px; ">
<table align="center" width="100%" border="0">    
<tr>        
<td>            
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa        
</td>    
</tr>    
</table>
</div>
</body>
</html>

In pratica quando ridimensiono la finestra del browser, normalmente appare lo scroll orizzontale, ma se scorro per vedere la parte nascosta non vedo più il colore di sfondo. Come posso risolvere?

**webbeloz** · 16-11-2013, 12:42

è propio necessario che il tuo testo debba andare altre la dimensione del dispositivo in uso?

**frenkytribe** · 16-11-2013, 12:49

Sì, in realtà non è testo quello nella mia pagina, nel senso che questo div è la barra superiore dove c'è il logo, il campo di ricerca, il login e il pannello utente. Ma quando apro la finestra a schermo intero non ho nessun problema fino a 1024px, se si collega un utente con risoluzione 800 deve per forza usare lo scroll orizzontale ma non vede più un pezzo di colore di sfondo della barra superiore.
Io ho anche provato a mettere nella proprietà del div display: inline-block; che se lo faccio in altri div funziona ma su quello nella mia pagina no.

Senza display: http://jsfiddle.net/3kdu6/
Con display: http://jsfiddle.net/3kdu6/4/

**webbeloz** · 16-11-2013, 13:09

Originariamente inviata da frenkytribe

Sì, in realtà non è testo quello nella mia pagina, nel senso che questo div è la barra superiore dove c'è il logo, il campo di ricerca, il login e il pannello utente. Ma quando apro la finestra a schermo intero non ho nessun problema fino a 1024px, se si collega un utente con risoluzione 800 deve per forza usare lo scroll orizzontale ma non vede più un pezzo di colore di sfondo della barra superiore.
Io ho anche provato a mettere nella proprietà del div display: inline-block; che se lo faccio in altri div funziona ma su quello nella mia pagina no.

Senza display: http://jsfiddle.net/3kdu6/
Con display: http://jsfiddle.net/3kdu6/4/

con display inline-block e Firefox è OK.

togli lo style al DIV e mettilo al <td>
e sis sitema senza display:......

**webbeloz** · 16-11-2013, 13:26

è un pò incasinato... evita il mix table e div, e usa:
<section>
<div>
quella tua "barra" superiore è meglio se diventa Responsive e quindi adattabile a tutti i dispositivi...
Questi esempi in jsfiddle mostrano un chiaro problema. La barra sull'asse _X non deve apparire mai se tutto il CSS è corretto.

Discussione: background e dimensione finestra

Strumenti discussione

Ricerca discussione

Visualizza

background e dimensione finestra

Permessi di invio