Footer con bordi arrotondati

PinkBetta

Utente Attivo
21 Lug 2009
1.414
0
0
www.pinkbetta.com
Ciao, volevo mettere dei bordi arrotondati al footer del mio sito e per farlo ho inserito un'immagine.
Il problema è che la parte del contenuto "container" sborda sotto il l'immagine del footer
prova.jpg

Io penso che sia per colpa dell'altezza che è impostata su "auto", solo che io non voglio dargli un'altezza fissa!

Dove sbaglio?

Codice:
body {
	font-family:Arial, Times New Roman, Verdana;
	background-image:url(img/sfondoindex.jpg);
	background-position:center;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	margin-top:10px;   
	text-align:center;
	font-size:16px;
	
}

h1  {
  font-size:14px;
  font-style:italic;
  
}

h2  {
  font-size:15px;
  font-style:italic;
	text-align:justify;
  
}


h3  {
  font-size:18px;
  font-style:italic;
  
}

p  {
	font-size:15px;  
 	text-align:justify;
  	padding:10px;
    
}

#container {

  	margin:0px auto;
	text-align:center;
	width:800px;
	height:auto;
	background-color:#000;
		
}

#header	{

	background-image:url(img/headerfoto.png);
	width:800px;
	height:150px;
	background-repeat:no-repeat;
	background-position:center;
	margin:0px auto;
}



#csx	{
	
	width:150px;
  	height:auto;
  	margin:100px 0px 0px 0px;
	padding:0px;
	text-align:left;
	float:left;
	background-color:#f6eadd;
	
}

#content {

 	width:500px;
  	height:auto;
	margin:30px 0px 0px 0px;
	padding:0px;
	text-align:center;
	background-color:#f6eadd;
	float:left;
			
}



#cdx	{

	width:150px;
  	height:auto;
  	margin:100px 0px 0px 0px;
	padding:0px;
	text-align:left;
	float:right;
	background-color:#f6eadd;
	
}


#menusx {
	width:150px;
	height:auto;
}

#menusx ol {

	list-style-type:none;
  	font-weight:bold;
	font-size:13px;
	padding:0px 0px 0px 20px;
								
}

#menusx ol li {

	margin:0px 0px 0px 0px;
						
}

#menusx ol li a{

	text-decoration:none;
	color:#4b1146;
				
}

#menusx a:hover {

	text-decoration:none;
	color:#a478b2;

}

#menudx {
	width:150px;
	height:auto;
}

#menudx ol {

	list-style-type:none;
  	font-weight:bold;
	font-size:13px;
	padding:0px 0px 0px 30px;
								
}

#menudx ol li {

	margin:0px 0px 0px 0px;
						
}

#menudx ol li a{
	
	text-decoration:none;
	color:#4b1146;
					
}

#menudx a:hover {

	text-decoration:none;
	color:#a478b2;

}

#gallery {

	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	

}


#scritte	{

		border:1px solid;
		width:160px; /*per cambiare riquadro img*/
		height:200px;
		text-align:center;
		float:left;
		margin:0px 3px 20px 0px;
		background-color:#ffffff;
			
}


img {
	
	border:none;
	margin:10px 0px 0px 0px;
}


#footer {
	
	background-image:url(img/footerfoto.png);
	background-position:center;
	background-repeat:no-repeat;
	width:800px;
	height:50px;
	clear:both;
	margin:0px auto;
	padding:0px 0px 0px 0px;
		 
}
 

PinkBetta

Utente Attivo
21 Lug 2009
1.414
0
0
www.pinkbetta.com
Se dite che sia il caso di usare border-radius a me va benissimo, la mia paura era che tanti non lo potessero visualizzare.
Tra l'altro con i css3 ho visto che si potrebbero fare tanti effetti molto belli.

Ma a questo punto mi sorge un dubbio (non ho mai usato i css3, gli ho solo dato un'occhiata); posso inserire queste nuove proprietà nel mio foglio di stile (quello che ho allegato) o devo cambiare qualcosa? E nell'html (che non è il 5)? Insomma di cosa hanno bisogno per funzionare bene?
 

marco_rx

Utente Attivo
19 Dic 2010
129
0
0
Se dite che sia il caso di usare border-radius a me va benissimo, la mia paura era che tanti non lo potessero visualizzare.
Il problema principale sono le vecchie versioni di internet explorer che non li supportano, ma puoi in parte risolvere con utility tipo css3pie che permettono il rendering di molte proprietà CSS3 anche su IE.
 
Discussioni simili
Autore Titolo Forum Risposte Data
ANDREA20 [HTML] problemi con il footer HTML e CSS 1
P Problemi con il footer e css HTML e CSS 3
renoir09 Dati di una tabella su più pagine e con footer PHP 10
G Mettere il footer in basso HTML e CSS 0
G Problema footer HTML e CSS 1
I [HTML] Footer a fondo pagina HTML e CSS 11
Andrea1981 [WordPress] [HTML] Help modifica credits nel footer.Tema Customizr. WordPress 5
S [WordPress] Footer php - il background riempie tutta la pagina - help WordPress 1
A [HTML+CSS] footer che si aggiorna da un file esterno HTML e CSS 22
giuseppe_123 [WordPress] Problema inserimento widget nel footer WordPress 0
A Footer a 6 colonne equistanziato e centrato HTML e CSS 1
L Footer PHP 1
L Footer HTML e CSS 12
G [VENDO] Banner 468x60 Zona Bassa Footer - advhits.com (3000 Unici/Giorno) Vendere e Acquistare pubblicita' online 0
J Inserimento di un header, nav, footer php PHP 0
A Meglio singolo backlink in Home o banner sul footer (quindi su tutte le pagine?) SEO e Posizionamento 2
P Anno nel tag footer PHP 17
U distribuire elementi verticalmente tra header e footer HTML e CSS 7
P Modificare il footer di un sito wordpress CMS (Content Management System) 3
S footer e frameset HTML e CSS 5
E Footer HTML e CSS 0
A Footer in fondo allo schermo HTML e CSS 3
G Invio form con PHP PHP 2
M Barra di navigazione con google HTML e CSS 1
T PROBLEMA CON SESSIONI PHP 3
A Problemi con move_uploaded_file PHP 7
G Menù a tendina di ricerca con query PHP 1
T fatture con voci fattura in php PHP 0
A Tabella con bottoni per aggiornamento record PHP 6
M Come selezionare e deselezionare radiobutton con jquery jQuery 1
MarcoGrazia Calcolo fra due date con esclusione delle feste PHP 7
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
T PROBLEMA CON ARRAY PHP 8
M Inviare un file su un server remoto con JavaScript Javascript 0
L problema con query select PHP 2
M Come validare textarea con jquery jQuery 0
M Problemi con la stampa dei valori in php PHP 1
A Regex per isolare link interni con rel noopener PHP 0
L Problemi con il login PHP 2
F Creare elementi html con javascript Javascript 2
R Problema query con ricerca id numerico PHP 2
R [C#] Quali dipendenze occorrono su progetto "Setup" con Access Database? .NET Framework 0
F Problema con risposta PHP 0
A Sottoquery con group by per mese MySQL 0
R Aggiornare record mysql con Ajax, jQuery e php Ajax 2
A Quale NVR con ingressi bnc ? IP Cam e Videosorveglianza 1
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
T Film interattivo con linguaggi web Programmazione 7
A pulsante di update campo mysql con javascript Javascript 2

Discussioni simili