Posizionare il sito all'interno di un'area ben definita

**MissValerya** · 15-01-2017, 00.31.57

Ciao a tutti.......
per favore vorrei sapere come creare il mio sito all'interno di un'area ben definita.

tipo questa qui per intenderci:
http://www.division-agents.com/tda_teamspeak.php

come vedete dall'esempio che ho messo, il sito sta dentro una finestra centrale.....
e tutto attorno c'è solo lo sfondo.

io vorrei che il sito stia dentro la finestra principale e che tutto attorno (sopra, sinistra, destra, sotto) ci sia un bordino di sfondo grigio.

ho tutto pronto, non sono proprio all'inizio...... quindi qualcosa la so fare...... diciamo....
però mi serve sapere solo come creare quella specie di finestra in cui farò stare il sito.

scusatemi se ho aperto un nuovo topic....

grazie a tutti!!

Vale

**darkwolf** · 15-01-2017, 03.33.01

Credo che la maggior parte dei siti sia così (anche il mio è così)!
In pratica devi avere un'immagine di sfondo, piazzare il body al centro con una larghezza massima definita, e poi assegnare un margine in alto e in basso.

Se hai già qualcosa di pronto possiamo provare a modificarlo affinché si adatti alle tue necessità.

Saluti.

**MissValerya** · 15-01-2017, 07.07.49

Ciao! grazie per la risposta intanto.....

questo progetto lo devo iniziare proprio da zero.
ma partendo proprio dalla finestra vuota, non mi riesce a creare quella specie di "tabella" o layout centrale.

questo tipo di impostazione centrale, mi serve su diversi lavori
quindi vorrei creare una pagina di partenza su cui lavorare in seguito.

mi serve vuota insomma...
grigia esternamente, e bianca di dentro.

e la parte centrale deve avere il bordino con un leggero contorno nero, sottile come una linea.

come sfondo non penso di usare un'immagine, ma il normale codice dei colori (quelli con il cancelletto davanti cioè)

giusto per fare tutto il meno pesante possibile....

scusa se mi esprimo così, ma sono mezza rimbambita dal sonno :-D

grazie cmq!!! :-)

**darkwolf** · 15-01-2017, 14.06.49

Se ho ben capito:

Codice HTML:

 <!DOCTYPE html>
<html lang="it">
<head>
	<meta charset="utf-8" />
	<title>La mia homepage</title>
	<style type="text/css">
	body
	{
		background: #cdcdcd;
	}
	#page
	{
		max-width: 1320px;
		margin: 30px auto;
		background: rgba(255, 255, 255, 0.8);
		padding: 5px 20px;
		border-radius: 10px;
	}
	</style>
</head>
<body>
	<div id="page">
		<h1>titolo</h1>
		<p>contenuto pagina</p>
	</div>
</body>
</html>

**MissValerya** · 15-01-2017, 16.15.20

Ecco, esatto!
l'idea è questa. :) :)

solo che i bordi non li voglio arrotondati ma a spigoli.
come un normale rettangolo cioè..

e l'area centrale un pò più picolina, ma per questo ci penso io a regolarmela.

intanto GRAZIE tantissime!!!! :)

**darkwolf** · 15-01-2017, 16.26.13

vai così: https://jsfiddle.net/laltroweb/a1kurxdo/

Codice HTML:

<!DOCTYPE html>
<html lang="it">
<head>
	<meta charset="utf-8" />
	<title>La mia homepage</title>
	<style type="text/css">
	body
	{
		background: #cdcdcd;
	}
	#page
	{
		max-width: 1010px; /* qui la larghezza */
		margin: 30px auto;
		background: rgba(255, 255, 255, 0.8);
		padding: 5px 20px;
	}
	</style>
</head>
<body>
	<div id="page">
		<h1>titolo</h1>
		<p>contenuto pagina</p>
	</div>
</body>
</html>

Discussione: Posizionare il sito all'interno di un'area ben definita

LinkBack

Strumenti discussione

Display

Posizionare il sito all'interno di un'area ben definita

Regole di scrittura