niente barre scorrimento

[Juanprimo]

ciao a tutti
ho montato in dreamw un' home page con dimensioni 1000x500 px che però vorrei bloccare in larghezza; non ricordo più lo script per togliere le barre di scorrimento...

grazie
Juan

[Juanprimo]

per farvi rendere l'idea:
http://www.mediacentro.com/colombo/default_2005.htm

questa pagina vorrei bloccarla centralmente, senza scrollbars

[pierofix]

Soluzione:

body {
   overflow:hidden;
}

Considerazione. Io in ufficio sono costretto a navigare con la finestra browser a dimensioni ridotte e con una risoluzione bassa del monitor: se tu elimini le scrollbar, io come faccio a trovare le informazioni che mi interessano sul tuo sito?

[Juanprimo]

considerazione giusta...
ma questa è solo una intro...
a me interessa che si veda la parte centrale...il resto è tutta estetica
ho messo il codice così:

<style type="text/css">
<!--
body {
overflow:hidden;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style></head>

...ma non cambia niente

[Juanprimo]

può essermi utile?
<div style="position: absolute; left: auto; top: px; width: auto; height: px">

la pagina misura 1512x1083 px

[pierofix]

Con che browser stai testando? La proprietà è standard e dovrebbe funzionare (ma io non l'ho mai usata). Forse sbaglio qualcosa io. :master:

P.S. Invece di definire la dimensione del margine per ogni lato puoi usare la proprietà margin:0; che riassume tutto.

[Juanprimo]

IE...
con il tuo codice dovrebbe vedersi centrata e bloccata?

[pierofix]

Prova a eliminare il posizionamento assoluto.

[Juanprimo]

niente, è uguale a prima

[Juanprimo]

ciao, ho fatto una ricerca nel vostro archivio e ho trovato questo css che centra sia orizz che vert, l'ho adattato al mio caso..., ma non cambia niente:

p{ position:_absolute;top:_50%;left:_50%;
____width:_750px;height:_500px;
____margin-left:_-70px;margin-top:_-25px;
____background-color:_#FFF;color:_#999;
____text-align:_center}

questa è la pagina:
http://www.colombopietro.it/prova/default_2005.htm
e l'ho inserito cosi:

<style type="text/css">
<!--
body
p{ position:†absolute;top:†50%;left:†50%;
width:†750px;height:†500px;
margin-left:†-70px;margin-top:†-25px;
background-color:†#FFF;color:†#999;
text-align:†center}

-->
</style></head>