Problema footer pagina

**Valeria75_bis** · 06-04-2012, 15:10

Ciao a tutti, non capisco cosa sbaglio in questo CSS ma il footer della pagina, quando utilizzo la "rotellina" del mouse (le scroll bar non sono presenti) si sposta di circa 1 cm verso l'alto... e sembra bloccarsi quando arriva al livello del logo della pagina (presente nella row1 img)

Mi potete aiutare??

codice:

* {
    border:none;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,div.paragraph,blockquote,fieldset,input{ margin:0; padding:0; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0; }
 ul{ list-style:none; }
html, body {height:100%; margin:0; padding:0;}
body {
    height:100%;
    background:#d0d1d1;
    border:none;
}

#col1 {
    float:left; height:177px; width:279px;
}

#col1 p {
font-family:trebuchet ms,tahoma,verdana;
    font-size:7px;
    padding-left:17px;
    padding-top:4px;
    padding-right:10px;
    line-height:150%;
}

	html {overflow-y:hidden;}
	body {overflow-y:auto;}
	#page-background {position:absolute; z-index:-1;}
	#content {position:static;padding:10px;}


#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}
#content {position:relative; margin:0; padding:0; overflow:auto;}


#header{
    
        background:url(images/header.jpg) repeat-x;
        height:104px;
        position:absolute;
        top:0;
        width:100%;
        z-index:10;
        
}


#footer {
    height:40px;
    background:url(images/footer.jpg) repeat-x;
    position:absolute;
    bottom:0;
    width:100%;
    margin:0;
    left:0px;
    
        

    
}


#row1 {
    margin:0 auto;
    width:100%;
    
}

#row1 img{
    margin-top:-80px;
    margin-left:20px;
}

#row2 {
    margin:60px auto;  
    border:none;    
}
...

#footer p {
    text-align:center;
    font-size:12px;
    font-weight:bold;
    font-family:tahoma;
    color:#484545; 
    padding-top:8px;
    padding-bottom:10px;
    
}

	


.content p {
    color:white;
    font-family:trebuchet ms,tahoma,verdana;
    font-size:15px;
    padding-left:17px;
    padding-top:4px;
    padding-right:10px;
    line-height:150%;
   
}

.content h1 {
    font-size:19px;
    font-family:sans-serif,tahoma;
    padding-left:12px;
    padding-top:10px;
    padding-bottom:10px;
    
}

.meta em , .meta p {
    color:white;
}

.meta h1,.meta h2 {
    color:white;
}

.meta {
    color:white;
    font-size:14px;
    font-family:sans-serif,tahoma;
    font-style:normal;
}

**totsdesign** · 06-04-2012, 15:25

se non metti anche l'html non possiamo capire come hai strutturato la tua pagina...

**Valeria75_bis** · 06-04-2012, 17:34

Oppsss you're right!

codice:


<!DOCTYPE html>
<html dir="ltr" lang="en-US">

<head>
	<meta charset="UTF-8" />
	
	<title></title>
	...

</head>



<body onload="styleSwitcher();">
	

    <div id="header">
	      	            [img]logo.png[/img]


    </div>
    	<div id="page-background">[img]background1.jpg[/img]</div>
	
	<div id="content">


<div id="menu">

		<div id="cool1" >
		
                                
                </div>

		<div id="cool2" >
			<div id="myjquerymenu" class="jquerycssmenu">			
			<br style="clear: left" />
			</div>
		</div>
</div>
	     
            
            <p id="clear"> </p>
            
  
        </div>
	<div id="footer">
        

footer text</p>
    </div>
	
	
       

	
</body>	

</html>

**Valeria75_bis** · 07-04-2012, 22:03

Nothing??

**Valeria75_bis** · 09-04-2012, 23:16

Non ho capito come fare

Ho fatto altre prove

**Valeria75_bis** · 10-04-2012, 15:37

Nessuna dritta??

**esseAemme** · 17-04-2012, 16:09

Originariamente inviato da Valeria75_bis
Nessuna dritta??

E' il position absolute di #footer che ti crea problemi

Sam

**Valeria75_bis** · 18-04-2012, 23:09

Cosa dovrei cambiare?

Grazie mille

**esseAemme** · 19-04-2012, 18:46

Il miglior consiglio che ti posso dare è di vedere cos'è un position absolute.

Google è una fonte inesauribile di materiale, di problemi risolti, di soluzioni pronte.

In questo modo potrai conosce quali sono le alternative al position absolute.

Sam

Discussione: Problema footer pagina

Strumenti discussione

Ricerca discussione

Visualizza

Problema footer pagina

Permessi di invio