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

Printable View

15-01-2017, 00.31.57
MissValerya

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

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
15-01-2017, 03.33.01
darkwolf

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.
15-01-2017, 07.07.49
MissValerya

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

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!!! :-)
15-01-2017, 14.06.49
darkwolf

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>
15-01-2017, 16.15.20
MissValerya

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!!!! :)
15-01-2017, 16.26.13
darkwolf

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>