• C
    Super User •

    Footer bottom

    Ciao a tutti!
    In questa pagina http://www.fbsre.it/sito/vetrina.aspx ho un problema con il footer, che con firefox non ne vuole sapere di starsene in fondo alla pagina ma va a metà (con ie sembra andare bene). Avete idea di come fare per risolvere? Ho provato con un metodo chiamato footerstick, ma non va e non posso applicarlo completamente perchè altrimenti mi incasina l'altezza... Avete idea di come posso risolvere?

    Grazie

    0
  • C
    Super User •

    Posto il codic e html e css per completezza

    [HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <head><link href="../App_Themes/fbs/fbs.css" type="text/css" rel="stylesheet" /><title>
    FBS Real Estate
    </title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><meta name="description" content="FBS Real Estate" /><meta name="keywords" content="FBS Real Estate" /><link rel="stylesheet" href="css/main.css" type="text/css" /><link href="../App_Themes/fbs/fbs.css" type="text/css" rel="stylesheet" /></head>
    <body>

    <div id="externDiv">
    <div id="mainDiv">

    <div id="headerDiv">
	 &nbsp;&nbsp; &nbsp;&nbsp;<object width="134" height="118">
	<param name="movie" value="logo.swf">
	<param name="loop" value="true">

	<param name="play" value="true">
	<embed src="logo.swf" width="134" height="118" loop="true" play="true">
	</embed>
	</object>
	<div id="companyName">
		FBS Real Estate<br>
		sede direzionale: 20121, Milano, via senato 6<br>
		Tel.: 02 76000336 Fax: 02 76006265<br>

		sede operativa: 48100, Ravenna, via mazzini 49<br>
		Tel.: 0544 428001 Fax: 0544 423031

	</div>
</div>

<div id="topMenuDiv">
    <a href="default.aspx"><img class="flag" src="images/english.gif" /></a>
	<object width="580" height="40">
	<param name="movie" value="1.swf">

	<param name="loop" value="true">
	<param name="play" value="true">
	<embed src="1.swf" width="580" height="40" loop="true" play="true">
	</embed>
	</object>

</div>

<div id="contentDiv">

	<div id="col1Div">
		<div class="newsDiv">
		FBS Real Estate
		</div>
	</div>

	<div id="col2Div">
	<h2>Pagina in costruzione</h2>

    <br>

    	</div>
</div>

<div id="footerDiv">
<font size="3" style="font-weight: bold;"> <a href="lavora-con-noi.aspx">Lavora con noi</a> &nbsp;&nbsp;<a href="index.aspx">Area riservata</a></font> &nbsp;&nbsp;
  <a href="http://www.sagrantinoict.it">Realizzazione: Sagrantino ICT</a> &nbsp;&nbsp; &copy; 2007 FBS Real Estate&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

</div>

    </div>
    </div>
    </body>
    </html>

    [/HTML]

    html
{
	height: 100%;
}

body
{
	/*background-color: #435E96;
	background: #eeeeff url(/images/sfondo.gif) top center repeat-y;*/
	background: url(../images/sfondo2.gif) top center repeat-y;
	font-family: Times new roman;
	font-size: 12;
	height: 100%;
	margin: 0;
	padding: 0; 
}

a
{
	text-decoration: none;
	color:;	
}

a: hover, a:visited
{
	color:;
}

a.inlink
{
	text-decoration: none;
	color:;
	font-weight: bold;
}

a.inlink: hover
{
	text-decoration: underline;
	color:;
}


div#headerDiv
{
	position:relative;
	width: 700px;
	height: 120px;
}

div#topMenuDiv
{
	position:relative;
	padding: 0 0 0 20px;
	margin: 0;
	height: 50px;
}

div#externDiv
{
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: center;
}

div#headerDiv img
{
	position: relative;
	padding: 10px;
}

div#companyName
{
	position: absolute;
	top: 25px;
	right: 25px;
	text-align: right;
	font-variant: small-caps;
	font-size: 12;
}

div#contentDiv
{
	position:relative;
	width: 700px;
	margin: 0 0 0 20px;
	padding: 10px;
	text-align: justify;
	font-size: 12;
}

div#mainDiv
{
	position:relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	color:;
	background-color:;
	width: 700px;
	margin: 0 auto;
	padding: 0 0 20px 10px;
	text-align: left;
}

div#col1Div
{
	/*float: left;*/
	width: 20%;
	/*height: 100%;*/
	padding: 0 15px 0 0;
	position:absolute;
	top:0; left:0;
}

div#col2Div
{
	position:relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding: 10px 35px 0 15px;
	margin: 10px 0 0 20%;
}

div#footerDiv
{
	position: absolute;
	bottom: 0 !important;
	bottom: -1px;
	font-size: 12;
	width: 700px;
	height: 20px;
	text-align: right;
	padding: 0 20px 0 0;
}



div.newsDiv
{
	font-size: 12;
	font-variant: small-caps;
	padding: 15px 0 10px 0;
}

span.newsLink
{
	display: block;
	text-align: right;
}

span.newsLink a
{
	color:;
	text-decoration: underline;
	font-size: 12;
	font-variant: small-caps;
}

div.separator
{
	font-weight: bolder;
	text-align: center;
}

img.leftFloating
{
	float: left;
	padding: 3px 15px 8px 0;
}

.movingLogo
{
	margin-left:20px;
}

img.flag
{
	border-width: 0px;
	padding: 0 0 11px 0;
	/*vertical-align: middle;*/
}

img.mainflag
{
	border-width: 0px;
}

.navtext 
{
text-align:left; 
width:200px; 
font:normal 9pt times new roman; 
border-width:2px; 
border-style:outset; 
border-color:#eeeeff; 
background-color:#435E96; 
layer-background-color:red; 
color:white; 
}
    0
  • C
    User Attivo •

    ce una cosa che non capisco perche uso la stile anche in html se usi i css?
    per il footer hai provato con relative?

    0
  • C
    Super User •

    Dove ho usato lo stile nell'html? Intendi nel fotn in fondo? beh è giusto una riga, quando è definitivo lo mettonle css... Cmq si provato ora ma non cambia.

    0
  • C
    Super User •

    cambiando qualcosa ho risolto ma è rimasto ancora un problem: ora con firefox mi fa vedere sempre la barra di scorrimento laterale erchè il contenuto è sempre un pò più lungo, avete idea della causa?
    Grazie!

    0
  • L
    User Attivo •

    @cali1981 said:

    cambiando qualcosa ho risolto ma è rimasto ancora un problem: ora con firefox mi fa vedere sempre la barra di scorrimento laterale erchè il contenuto è sempre un pò più lungo, avete idea della causa?
    Grazie!

    La dimensione è fissa? Puoi provare anche ad impostare una regola epr l'overflow nel div.

    :ciauz:

    0
  • C
    Super User •

    Creod che il problema sia che c'è min-height 100% e firefox lo fa alto 100, ma poi il parent ha un altro child e quindi la dimensione viene oltre 100% e mette la barra discorrimento, ho provato a modificare ma non cambia.. Per l'overflow come dovrei fare?

    0
  • L
    User Attivo •

    @cali1981 said:

    Creod che il problema sia che c'è min-height 100% e firefox lo fa alto 100, ma poi il parent ha un altro child e quindi la dimensione viene oltre 100% e mette la barra discorrimento, ho provato a modificare ma non cambia.. Per l'overflow come dovrei fare?

    al div dai overflow:visible|hidden|scroll|auto etc come preferisci tu, ma da quello che ho capito il problema lo risolvi solo aggiustando le dimensioni in qualche modo... comunque prova overflow:hidden, è probabile che ti nasconda solo un paio di pixel.

    0
  • L
    User Attivo •

    Ma il codice del secondo messaggio è aggiornato? Perchè footerDiv ha height:20px;...

    0
  • C
    Super User •

    Beh come detto, c'è un div che ha min-height 100% poi un altro div che è appunto footer, quindi in totale abbiamo 100% + 20px

    0
  • L
    User Attivo •

    No scusami, ho frainteso.. pensavo che la barra di scorrimento ti apparisse nel footer.

    Non ti basta, invece che
    [html]
    height:100%;
    min-height: 100%;
    height: auto !important;
    [/html]
    usare solo height:100% ?

    0
  • C
    Super User •

    Provato, ma o non cambi niente oppure incasina tutto il resto, o con ie o con firefox....

    0
  • L
    User Attivo •

    @cali1981 said:

    Provato, ma o non cambi niente oppure incasina tutto il resto, o con ie o con firefox....

    Non riesco davvero a dirti dove sia il problema....
    e non capisco tutte quelle impostazioni che hai dato all'height dei div..

    0
  • C
    Super User •

    Le ho trovate su internet, proprio su una pagina che parlava del problema di far stare il footer in fondo alla pagina anche se c'è poco contenuto. E quella parte va, solo che poi va anche più sotto!
    Nessuno ha qualche altra idea da cui posso partire?
    Grazie comunque!

    0
Effettua l'accesso per rispondere