Da poche ore sto costruendo questo sito internet e per la prima volta ho deciso di realizzare il tutto completametne con i CSS.
http://www.mondoviphoto.com/sito%20nuovo/modello.html
Questo è il codice html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Associazione fotografica Mondovì Photo</title>
<link href="css/globalrossigrigi.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="spazioalto"></div>
<div id="container">
<div id="header">
<div id="logo">[img]immagini/logobianco.gif[/img]</div>
<div id="trafiletto"></div>
<div id="pulsanti">barra di navigazione</div>
</div>
<div id="colonnasinistra">
Colonna di sinistra...</p></div>
<div id="contenuto">
contenuto1 contenuto2 contenuto3 contenuto contenuto contenuto contenuto contenuto contenuto contenuto contenuto contenuto contenuto contenutocontenuto contenuto contenuto contenuto contenuto contenuto contenutocontenuto contenuto contenuto contenuto contenuto contenuto contenutocontenuto contenuto contenuto contenuto contenuto contenuto contenutocontenuto contenuto contenuto contenuto contenuto contenuto contenuto FWòREFWòFFASDF Associazione Fotografica Mondovì Photo © 2009 Tutti i diritti sono riservatiAssociazione Fotografica Mondovì Photo © 2009 Tutti i diritti sono riservatiAssociazione Fotografica Mondovì Photo © 2009 Tutti i diritti sono riservatiAssociazione Fotografica Mondovì Photo © 2009 Tutti i diritti sono riservatiAssociazione Fotografica Mondovì Photo © 2009 Tutti i diritti sono riservatiAssociazione Fotografica Mondovì Photo © 2009 Tutti i diritti sono riservatiAssociazione Fotografica Mondovì Photo © 2009 Tutti i diritti sono riservatiAssociazione Fotografica Mondovì Photo © 2009 Tutti i diritti sono riservatiAssociazione Fotografica Mondovì Photo © 2009 Tutti i diritti sono riservatiAssociazione Fotografica Mondovì Photo © 2009 Tutti i diritti sono riservatiAssociazione Fotografica Mondovì Photo © 2009 Tutti i diritti sono riservatiAssociazione Fotografica Mondovì Photo © 2009 Tutti i diritti sono riservati</p>
</div>
<div id="piepagina">
Associazione Fotografica Mondovì Photo © 2009 Tutti i diritti sono riservati</p>
info@mondoviphoto.com
</div>
</div>
</body>
</html>
E questo il CSS
@charset "utf-8";
/* CSS Document */
html,body{margin: 0;padding:0}
body{
font-family: Arial, Helvetica, sans-serif;
font-size: 76%;
text-align: left;
background-color: #000;
}
div#container{
width: 760px;
margin: 0 auto;
text-align: left;
border: thin solid #FFF;
background-color: #333;
}
#trafiletto {
background-color: #E73F3A;
height: 5px;
}
#pulsanti {
background-color: #999;
height: 25px;
}
#spazioalto {
height: 10px;
}
#colonnasinistra {
width: 13em;
float: left;
}
div#header{
background-color:#333;
color: #FFF
}
#contenuto {
background-color: #666;
margin-left: 13em;
margin-right: 1em;
margin-top: 0px;
margin-bottom: 0px;
}
#piepagina {
background-color: #E73F3A;
clear: left;
text-align: center;
}
#logo {
text-align: center;
padding-top: 6px;
padding-right: 6px;
padding-bottom: 6px;
padding-left: 6px;
}
Ora non reisco a capire da dove mi esce quel bordo attorno al div contenuto.
quando l'ho costruito era attaccato alla barra soprastante che conterrà i pulsanti di navigazione e a sinistra era a contatto con la colonna.
non appena ci ho messo un po' di testo dentro per provarlo si è spostato e non sono più riuscito a farlo tornare al so posto....
Sapete aiutarmi?
Inoltre vorrei distanziare un po' di più il testo del pie di pagina dai bordi ma non ci riesco...
Aiutatemi per favore...
