Autore Topic: [Risolto] Problema con il Footer (Letto 1087 volte)

cliosuper · « **il:** 26 Ago 2010, 10:28:01 »

Ragazzi ho sempre questo piccolo problema...io ho vorrei che il footer (da me chiamato undersection) contenente il menu rimanesse attaccato al maincontent con sfondo bianco...però come potete vedere dal sito rimane uno spazio nero tra i due div come mai?

Ho colorato apposta la div undersection di rosso per farvi capire dove sta il problema...

http://www.lover-design.com/

Vi inserisco i codici:

Codice: [Seleziona]

<body>

<div id="wrapper" >

<div id="oversection" >

	<div id="logo" >
	</div>
</div>


<div id="mainsection" >
	<div id="home" >
     <jdoc:include type="component" style="" />
    </div>

</div>

	


<div id="undersection" >
 	<div id="menu" >
 	<jdoc:include type="modules" name="top" style="xhtml" />
 	</div>
 </div>

</div>




</body>

Codice: [Seleziona]

body {
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#000;
	text-align:left;
	font-style:normal;
	background-color:#000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow-x: hidden;
	overflow-y: auto;
	height:100%;
}

#wrapper {
	
	
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -100px;
	
}


#oversection {
	
	height:60px;
	background-color:#000;
	width:100%;
	display:block;
	float:left;

}



#logo {
	background-image:url(../images/logo.png);
	background-position:left;
	height:56px;
	background-repeat:no-repeat;
	margin-left:10px;
}

#mainsection {
	height:480px;
	background-color:#FFF;
	width:100%;
	display:block;
	float:left;

}

#home {
	height:450px;
	padding-top:10px;
	margin-left:600px;
	color:#000;
	font-family:"Courier New", Courier, monospace;
}



#undersection {
	  margin: 0px auto;
    height: 50px;
    width:100%;
    bottom:0px;
    position:fixed;
	background-color:#F00;

}


#menu {
	height:auto;
	color:#fff;
	font-size:16px;
	text-align:right;
	margin-top:10px;
	
	}

#menu a:link, #menu a:visited {
	color:#fff;
	font-size:16px;
	font-family:"Courier New", Courier, monospace;
	padding:20px;
	text-decoration:none;

	
	
	
}

#menu a:hover {
	color:#CCC;
}

Mi potreste aiutare per favore?

cliosuper · « **Risposta #1 il:** 26 Ago 2010, 12:07:49 »

C'è nessuno che gentilmente potrebbe darmi una mano?

ariess · « **Risposta #2 il:** 26 Ago 2010, 14:38:32 »

devi modificare il css

body {
font-family:"Courier New", Courier, monospace;
font-size:12px;
color:#000;
text-align:left;
font-style:normal;
background-color:#fff; <<<<<<<<<<<< QUI
margin-top: 0px;
.......
.......
......
.....

}

cliosuper · « **Risposta #3 il:** 26 Ago 2010, 16:38:45 »

Grazie mille!

Autore Topic: [Risolto] Problema con il Footer (Letto 1087 volte)

cliosuper

[Risolto] Problema con il Footer

cliosuper

Re:Problema con il Footer

ariess

Re:Problema con il Footer

cliosuper

Re:[Risolto] Problema con il Footer