Overflow:hidden NON nasconde la barra

**ricman** · 22-09-2008, 11:53

Boh... forse sono stanco... mi sono scordato qualcosa..??
Nel mio css inserisco l'overflow:hidden e **contemporaneamente** un marginTop e IE mi ci mette la barra di scorrimento laterale (gli altri browser No...)

codice:

html, body {width:100%; height:100%; margin:0; padding:0;}

body {
	background: #fff;
	margin-top: 4em;
	overflow: hidden;
}

Se tolgo la riga del Margin la barra viene eliminata (anzi ingrigita) da IE.
Ma ho bisogno di far partire il sito da più in basso (e non volevo alterare la struttura dei div...)

Dove sbaglio?

**Puzzola** · 22-09-2008, 12:15

di IE ci capisco poco pure io...
però io userei un div contenuto in body per impostare l'impaginazione

Tipo:

<body>

<div id="header">

...

#header
{
margin-top: 5px;
}

**ricman** · 22-09-2008, 12:36

Il 100%, come scrivevi prima, non lo posso togliere perchè mi serve per "prendere" delle misure.
La seconda che propono invece è ciò che scrivevo quando dicevo: e non volevo alterare la struttura dei div.... In effetti non mi ero spiegato... manca "e dei css"

In pratica volevo fare tutto sistemando quelle righe che ho postato...

Altre idee?

**alexba64** · 22-09-2008, 12:59

Perchè non provi cosi:

codice:

html, body {width:100%; height:100%; margin:0; padding:0; overflow:hidden;}

**ricman** · 22-09-2008, 13:21

Originariamente inviato da alexba64
Perchè non provi cosi:
... ...

Grazie, è la soluzione che più si avvicina... ma anche così non va bene... Mi sposta il contenuto verso destra...
Sono pieno di commenti condizionali e di "richiami" di css fatti col php... devo rifare mente locale..
Per ora andrò a toccare il css originale e darò il margin-top al div principale... nel frattempo mi riguardo la tua risposta

**alexba64** · 22-09-2008, 14:13

scusami la domanda, ma perchè dai il 100% al body ?

**ricman** · 23-09-2008, 00:21

Originariamente inviato da alexba64
scusami la domanda, ma perchè dai il 100% al body ?

Una volta mi sentivo di "controllarlo" meglio... Poi i tempi sono cambiati

Addirittura ora che me lo fai venire a mente, se lo tolgo e lascio solo l'html al 100% **probabilmente** su IE scompare anche la barra ingrigita e diventa come FF o Safari...
Domattina provo... ti faccio sapere...

**ricman** · 23-09-2008, 10:24

Per la cronaca è finita all'incirca così:

codice:

CSS
html, body {width:100%; height:100%; margin:0; padding:0; overflow: hidden;}
body {
	background: #fff;
}
#main {... ... margin-top: 4em; ... ...}



con un IF in php mi compare questo quando l'altezza di body (che trovo in js) è troppo bassa
<style type='text/css'>
	html, body {overflow:auto;}
	#main {margin-top: 0;}
</style>

**alexba64** · 23-09-2008, 10:35

Quindi bene, ne deduco

**ricman** · 23-09-2008, 10:47

Originariamente inviato da alexba64
Quindi bene, ne deduco

MAI dire "bene" per scaramanzia

Discussione: Overflow:hidden NON nasconde la barra

Strumenti discussione

Ricerca discussione

Visualizza

Overflow:hidden NON nasconde la barra

Permessi di invio