[PROBLEMA HTML&CSS] Strutturazione di una pagina web a layout monolitico

Formula una domanda

domenica 4 marzo 2012 22:16

0
Salve e buona sera a tutti,

posto qui sperando di poterlo fare, volevo una mano con una pagina web e lo stile tramite il suo CSS.

Ecco qui cosa ho buttato giù con Adobe Dreamweaver CS5.5:
```
<!DOCTYPE html>
<html>

<head>
<title>Pagina di esempio HTML5 & CSS3</title>
<style>
body {
	background: white;
}
header {
	background-image: url(header.png);
```
```
}
nav {
background-image: url(nav.png);
}
nav ul li {
	list-style: none;
	float: left;
	padding: 5px;
}
section {
	position: fixed;
	background-image: url(section.png);
    background-repeat: no-repeat;
	width: 1200px;
	height: 1080px;
}
article {
	background: gray;
}
footer {
	position: fixed;
	background-image: url(footer.png);
}
</style>
</head>

<body>

<header>
<h1>Titolo pagina</h1>
</header>

<nav>
<ul>
<li>Home</li>
<li>Chi siamo</li>
<li>Contatti</li>
</ul>
</nav>

<section>
<h1>Contenuto section</h1>

<article>
<p> qui va il contenuto (article)</p>
</article>

</section>

<footer>
<p>footer</p>
</footer>

</body>

</html>
```
Bene, il problema è questo: non riesco a posizionare tutti i "div" per intenderci al centro della pagina web.

Se utilizzo i margini non riesco a spostare bene tutti i blocchi, potreste indicarmi come fare?

In pratica la struttura deve essere centrale e prevede:
HEADER -> NAVIGATION -> SECTION -> ARTICLE (nel section) -> FOOTER;
Ora l'header, navigation, section e footer hanno come background delle immagini di precise dimensioni, ovvero solo nel blocco article ci saranno elementi dinamici.

Come posso fare quindi per centrare il tutto nella pagina web? Grazie mille e mi scuso in anticipo se l'argomento non è in linea alla sezione o a tutto il forum. Buona serata!

Giuseppe Simeone, Dilettante alle prime armi con il Visual Basic, sbagliando si impara, studiando si corregge!
- Modificato Giuseppe Simeone domenica 4 marzo 2012 22:19
- Risposta
- Citazione

Tutte le risposte

lunedì 5 marzo 2012 16:21

0
Prova a formulare la tua domanda nel Forum (in lingua Inglese) Internet Explorer Web Development al seguente indirizzo

http://social.msdn.microsoft.com/Forums/en-us/iewebdevelopment/threads

Ciao.
Luigi Bruno - Microsoft Community Contributor 2011 Award
- Contrassegnato come risposta Giuseppe Simeone lunedì 5 marzo 2012 17:07
- Risposta
- Citazione