|
|||||||
|
|
|
 |
|
|
Strumenti |
18-09-2007, 13:20
|
#1 |
|
Bannato
Iscritto dal: Mar 2004
Città: Roma
Messaggi: 2688
|
[CSS] Perchè me lo mette sulla stessa linea?
Allora il problema è il seguente: ho questo template che stò sviluppando. E' un template monolitico fisso dove ogni zona è gestita da un div con un relativo id
C'è il div header per l'header: l'immagine col titolo C'è un div navigation sottostante per il menu principale Sotto a navigation c'è un div gallery (che conterrà un menu di navigazione per le varie gallerie delle immagini) sotto c'è il div content che contiene il contenuto vero e proprio della pagina e infine i div footer col footer Il problema sorge proprio quando sono andato ad inserire il div gallery (forse dipende perchè il menu principale ha qualche impostazione nei CSS...booo)...praticamente non mi mette il div gallery sotto al div navigation ma me lo affianca in qualche modo strano che non capisco... Il codice HTML è: Codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">
<head>
<title>Andrea Nobili Fotografo</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link href="default01f.css" rel="stylesheet" type="text/css" title="default" />
</head>
<body>
<div id="header">
<h1>Andrea Nobili Fotografo</h1>
</div>
<div id="menu">
<ul>
<li><a href="#" title="link 1">Home</a></li>
<li><a href="#" title="link 2">About Me</a></li>
<li><a href="#" title="link 3">Portfolio</a></li>
<li><a href="#" title="link 4">Contact</a></li>
<li><a href="#" title="link 5">Links</a></li>
</ul>
</div>
<div id="gallery">Prova</div>
<div id="content">
<h1>Pagina in costruzione</h1>
<h2>1.PARAGRAFO</h2>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. ...
</p>
<h2>2.PARAGRAFO</h2>
<p>
Vivamus mattis nisi id pede. Nunc rhoncus mauris quis ...
</p>
<h2>3.PARAGRAFO</h2>
<p>
Sed mollis dolor nec est. Integer iaculis nonummy lorem. ...
</p>
</div>
<div id="footer">This Page Is Valid XHTML 1.0 Strict and Valid CSS v.2
<br />No tables have been used to make this layout<br />
</div>
</body>
</html>
Codice:
}
#content h2{
background: #fff;
color: #940D1E;
padding-bottom: 0.3em;
font: normal 150% Georgia, "Times New Roman", Times, serif;
border-bottom: 1px dotted #FF9006;
}
#content a:link, #content a:visited {
font-size: 95%;
font-weight: normal;
color: #41545F;
background-color: #fff;
text-decoration: underline;
}
#content a:hover {
color: #fff;
background-color: #41545F;
text-decoration: none;
}
#footer{
margin: 0 auto;
width: 740px;
background: #41545F;
text-align: center;
color: #fff;
border: 1px solid #000;
border-top: 1px;
border-bottom: 1px;
font-family: helvetica, arial, verdana, tahoma, sans-serif;
padding: 0.8em 0.8em;
}
#footer a:link, #footer a:visited {
color: #fff;
background-color: #41545F;
text-decoration: underline;
}
#footer a:hover {
text-decoration: none;
color: #41545F;
background-color: #fff;
}
http://www.siatec.net/andrea/prove/gallerie.html Perchè? che devo fare per farlo stare bene? Grazie Andrea |
|
|
|
|
| Strumenti | |
|
|
Tutti gli orari sono GMT +1. Ora sono le: 08:07.
