Originariamente inviata da
KillerWorm
Salve, senza vedere il codice HTML a cui stai associando quelle regole è praticamente impossibile capire dove sta il problema; è necessario che tu posti anche quello.
Assicurati inoltre che non ci siano delle altre regole che influiscano su tale comportamento.
Se poi la pagina è pubblicata online, può essere utile che tu fornisca direttamente un link, così da rendere semplice verificare il problema a chi si offre di aiutarti.
Nessun problema , il Link alla pagina però non posso postarla perchè è offline ( è semplicemente uno schema base di layout ).
"Penso" di aver analizzato tutte le regole, ma il problema non riesco a risolverlo, quindi sicuramente qualcosa mi sfugge...
Questo è l'intero codice (HTML+CSS) :
codice:
<!DOCTYPE html>
<html>
<head>
<title>Prova Di Impaginazione</title>
<style type="text/css">
* {
font-family: Arial, Verdana, sans-serif;
color: #665544;
}
body {
width: 960px;
margin: 5px auto;}
#content {
overflow: auto;
height: 100%;}
#nav, #feature, #footer {
background-color: #efefef;
padding: 10px;
margin: 10px;}
.column1, .column2, .column3 {
background-color: #efefef;
width: 300px;
float: left;
margin: 10px;}
li {
display: inline;
padding: 5px;}
</style>
</head>
<body>
<div id="header">
<h1>Logo</h1>
<div id="nav">
<ul>
<li><a href="">Esempio1</a></li>
<li><a href="">Esempio2</a></li>
<li><a href="">Esempio3</a></li>
<li><a href="">Esempio4</a></li>
<li><a href="">Esempio5</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="feature">
<p>Feature</p>
</div>
<div class="article column1">
<p>Colonna uno</p>
</div>
<div class="article column2">
<p>Colonna due</p>
</div>
<div class="article column3">
<p>Colonna tre</p>
</div>
</div>
<div id="footer">
<p>Copyright 2018</p>
</div>
</body>
</html>
E questo è il problema (spazio tra testo e box ) :
Problema Spazio3.jpg
Ringrazio di nuovo qualora qualcuno possa aiutarmi!