Il dramma del footer, e div che fanno quel che gli pare.

**chewbetty** · 24-08-2013, 15:50

Ciao ragazzi, come dico nel titolo sono in preda ad una crisi di nervi perchè non riesco ad impostare le misure del "container" e del "footer".
Ovvero il footer dovrebbe avere width=" 600px" ma non lo fa.
mentre "container" cambia misura ogni pagina, e non so come fare per metterla fissa, uguale in tutte le pagine.

Se per caso c'è qualche anima pia che abbia passione di porre fine alle mie pene, gliene sarei immensamente grata. Copio qui l'html e relativo css.

GRAZIE MILLE <3

codice:

HTML
_________

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title> Fotorestauro </title>

<link rel="stylesheet" type="text/css" href="stile.css" />
</head>


<body>
  <div class="container">
	 [img]images/Head_image.jpg[/img]
    

  </div>
  
  
  <div>
[img]images/Fotorestauro_tasto.jpg[/img][img]images/Prima_Dopo_tasto.jpg[/img][img]images/Prezzi_tasto.jpg[/img][img]images/contatti_tasto.jpg[/img]      
   </div>
    

<div class="content">
    
  
  
   [img]images/home_pic.png[/img] 
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tempor magna justo, quis sollicitudin est dapibus imperdiet. Ut pellentesque magna odio, a condimentum velit eleifend sed. 

  
</div>

<div class="footer">
<footer>
Spacco tutto
</footer>
</div>

</body>
</html>


CSS
_________________________


body {
	margin: 0px;
	padding: 0px;
	text-align:center;
	background-image:url(images/xv.png);	
	
}

.container {
	width: 600 px;
}



.content {
	
	background-image:url(images/lightpaperfibers03.jpg);
	font-family:"Courier New", Courier, monospace;
	/* opacity:0.8; 
	filter:alpha(opacity=80);
	
	padding: 15px; */
	max-width: 600px;
	min-height: 600 px;
	margin: auto;	
	text-align:justify;

}


.fltlft {

float: left;
margin-right: 10px;

}

.footer {

	width:600 px;
	height: 100 px;
	background-color:#900;
	
}




/*
.fltrgt {

float: right;
margin-left: 5px;
}
*/

.content p {
text-align:justify;
}


h1 {

font-family: "Courier New", Courier, monospace;
font-weight: normal;
margin: 0px auto;
	padding: 20px;
	font-size: 35px;
}




/*
.menutop {
	border-top: 1px solid #C00;
	padding: 4px;
	border-bottom: 1px solid #C00;
	background-image: url(images/washi.png);
	text-align: center;
	margin-bottom: 0px;
}
.menutop a {	
padding: 0px;
font-family: "Courier New", Courier, monospace;
text-decoration: none;
color: #000;
font-size: 20px;
}*/



img {
/*padding: 1px;
border: 1px solid #ccc;*/
	

}


a img:hover {
	opacity:0.6; 
	filter:alpha(opacity=60);
	
	 }

**ac_socmel** · 24-08-2013, 16:04

favorisci un link dove stai provando quello che dici

**Vincent.Zeno** · 24-08-2013, 16:10

Originariamente inviato da chewbetty
Ciao ragazzi, come dico nel titolo sono in preda ad una crisi di nervi ...

hai tutta la nostra comprensione

ricorda di usare il tag [CODE][/CODE] per postare codice sul forum, grazie
nel form di risposta setta
Codice VB [aiuto]
Modalita' normale
Modalita' avanzata <--- ti facilita il lavoro

**chewbetty** · 24-08-2013, 16:35

Ah ok grazie!

Ecco qui il link!

http://www.elizabethvonbismarck.com/...uro/index.html

**ac_socmel** · 24-08-2013, 16:46

codice:

.footer {
  	width: 600px;
 	height: 100px;
 	background-color: #900;
}

"px" o altra unità di misura va scritto unito, attaccato, appiccicato al numero
comincia da questo

**chewbetty** · 24-08-2013, 16:56

Oddio è fantastico! Grazie mille!
Adesso sto cercando di metterlo al centro, scrivendo align="center".
Ma non va .-.
Sono veramente una causa persa...

**ac_socmel** · 24-08-2013, 17:03

ho vinto una birra con me stesso

codice:

margin: 0 auto;

e poi dirai
"le immagini hanno un brutto bordo blu"
e ti risponderò

codice:

a img {
    border: none
}

dopo sarà la volta di
"quando premo un link rimane un bordo tratteggiato veramente antiestetico"
e la soluzione sarà

codice:

a:active {
   outline: none /*oppure 0*/
}

adesso è tempo di birra

**chewbetty** · 24-08-2013, 17:06

[/CODE]
adesso è tempo di birra

[/QUOTE]

madò quanto te la devo!!!
Grazie infinite davvero

Discussione: Il dramma del footer, e div che fanno quel che gli pare.

Strumenti discussione

Ricerca discussione

Visualizza

Il dramma del footer, e div che fanno quel che gli pare.

Re: Il dramma del footer, e div che fanno quel che gli pare.

Permessi di invio