barre di scorrimento e padding

**nourdine** · 18-07-2006, 14:10

con questo codice ottengo un div che dilata la pagina e crea la barra di scorrimento laterale del browser. Ho scoperto che dipende dal padding.

<HTML>

<BODY style="margin: 0px; padding: 0px;">
<div style="width: 100%; height: 100px; background: red; padding: 10px;">prova</div>
</BODY>

</HTML>

come faccio ad avere un div largo il 100% e con un pò di padding che non crei barre di scorrimento?

**SGr33n** · 18-07-2006, 16:00

Puoi disabilitare le barre di scorrimento con

codice:

overflow: hidden;

per il padding che dici, dilata la pagina oltre il 100% e per questo ottieni la barra di scorrimento.

Questo non dovrebbe accadere in quanto non dovresti superare il 100% del body.

Ti consiglio di risolvere il problema non con lo stile, ma evitando di superare la dimensione massima visualizzabile.

Ti spiego meglio... tu dici al body di assumere la dimensione del 100% dell'area visualizzabile e subito dopo gli dici di allargarsi oltre di 10px (quelli del padding) per questo ottieni la barra di scorrimento.

Bye

**nourdine** · 18-07-2006, 16:34

quindi qual'è il modo per avere un div FLUIDO sempre largo a manetta e con un po di padding?

**SGr33n** · 18-07-2006, 16:42

Metti il margin al body e poi crei al suo interno il div fluido

css:

codice:

body, html {
	margin: 10px;
	padding: 0;
	border: 0;
	text-align: center;
}

.fluido {
	width: 100%;
	background: #ff0000;
}

html:

codice:

<html>
<head>

<title>prova</title>

<style type="text/css" media="all">@import "default.css";</style>

</head>

<body>

<div class="fluido">
prova
</div>

</body>
</html>

Bye

Discussione: barre di scorrimento e padding

Strumenti discussione

Ricerca discussione

Visualizza

barre di scorrimento e padding

Permessi di invio