Centrare Pagina Verticalmente

**artvid** · 13-09-2012, 10:27

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org"> <title>HOME - SOFAAGE ARREDAMENTI</title>  <style type="text/css"> #slideshow img { width : 550px; height :390px; padding: 10px 50px 140px 50px; } </style>  <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.cycle.min.js"></script>  <script type="text/javascript"> $(document).ready(function() {   $('#slideshow').cycle({     fx:'fade',     speed:  1000,     timeout: 5000   }); }); </script> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.jmp3.js"></script> <script type="text/javascript"> 	$(document).ready(function(){ 		// default options 		//$(".mp3").jmp3(); 		// custom options 		$(".sound").jmp3({ 			backcolor: "000000", 			forecolor: "ffffff", 			width: 200, 			showdownload: "false", 			showfilename: "false" 		}); 	}); </script>  <style type="text/css">  body {background-color: #08457E;} div.c7  {padding: 4px 10px 4px 592px;} div.c6 {padding:  4px ;}  div.c5  {padding: 4px 10px 4px 542px;}  span.c4 {color: #FFFFFF; font-family: Eras Medium ITC; font-size: 70%; padding: 4px 10px 4px 270px;}  div.c3 {color: #FFFFFF; font-family: Eras Medium ITC}  a.c2 {text-decoration: none; color: #FFFFFF}  div.c1 {padding: 2px 15px 2px 200px;}   </style> </head> <body> <span id="dummy"></span> [img]EXPO.PNG[/img]
 <div class="c1"> <table width="80%"> <tr> <td>
 [img]linea2.GIF[/img]</td> </tr> </table>  <div class="c6"> <table border="0" width="80%"> <tr> <td width="77%"> <div id="slideshow">[img]IMMAGINI/1.jpg[/img] [img]IMMAGINI/2.jpg[/img] [img]IMMAGINI/4.jpg[/img] [img]IMMAGINI/5.jpg[/img] [img]IMMAGINI/7.jpg[/img] [img]IMMAGINI/8.jpg[/img] [img]IMMAGINI/9.jpg[/img] [img]IMMAGINI/10.jpg[/img] [img]IMMAGINI/11.jpg[/img] [img]IMMAGINI/12.jpg[/img]</div> </td> <td width="1%">[img]linea.GIF[/img]</td> <td width="22%" align="left">
 
 
 
 
 <div id="colonna"> <div class="c3">HOME</div> <div>
</div> <div>
</div> <div class="c3">DOVE SIAMO</div> <div>
</div> <div>
</div> <div class="c3">STORIA</div> <div>
</div> <div>
</div> <div class="c3">MARCHI</div> <div>
</div> <div>
</div> <div class="c3">PROGETTI</div> <div>
</div> <div>
</div> <div class="c3">CONTATTI</div> <div>
</div> <div>
</div> <div>
</div> <div>
</div> <div>
</div> <div>
</div> <div>
</div> <div>
</div> <div>
</div> <div>
</div> <div>
</div> <div>
</div> </div> </td> </tr> </table></div> </div> 
 <div class="c1"><span class="c4">SOFAAGE SRL - via Regina Margherita, 155-157 Mola di Bari (BA) - Italia P. IVA 05846630720</span>
 
</div> <div class="c7"><p class="sound">music.mp3</p></div> </body> </html>

HO QUESTA PAGINA MA NON RIESCO A CENTRARLA VERTICALMENTE PER QUALUNQUE BROWSEER. DA UN PC ALL'ALTRO A SECONDA DELLA RISOLUZIONE VARIA LA POSIZIONE. COME FACCIO PER RENDERLA STABILE E STANDARD PER QUALUNQUE PC E BROWSER?

GRAZIE IN ANTICIPO

**artvid** · 13-09-2012, 10:28

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org">
<title>HOME - SOFAAGE ARREDAMENTI</title>

<style type="text/css">
#slideshow img {
width : 550px;
height :390px;
padding: 10px 50px 140px 50px;
}
</style>

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.cycle.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
$('#slideshow').cycle({
fx:'fade',
speed: 1000,
timeout: 5000
});
});
</script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.jmp3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// default options
//$(".mp3").jmp3();
// custom options
$(".sound").jmp3({
backcolor: "000000",
forecolor: "ffffff",
width: 200,
showdownload: "false",
showfilename: "false"
});
});
</script>

<style type="text/css">
body {background-color: #08457E;}
div.c7 {padding: 4px 10px 4px 592px;}
div.c6 {padding: 4px ;}
div.c5 {padding: 4px 10px 4px 542px;}
span.c4 {color: #FFFFFF; font-family: Eras Medium ITC; font-size: 70%; padding: 4px 10px 4px 270px;}
div.c3 {color: #FFFFFF; font-family: Eras Medium ITC}
a.c2 {text-decoration: none; color: #FFFFFF}
div.c1 {padding: 2px 15px 2px 200px;}

</style>
</head>
<body>
<span id="dummy"></span> [img]EXPO.PNG[/img]

<div class="c1">
<table width="80%">
<tr>
<td>

[img]linea2.GIF[/img]</td>
</tr>
</table>

<div class="c6">
<table border="0" width="80%">
<tr>
<td width="77%">
<div id="slideshow">[img]IMMAGINI/1.jpg[/img] [img]IMMAGINI/2.jpg[/img] [img]IMMAGINI/4.jpg[/img] [img]IMMAGINI/5.jpg[/img] [img]IMMAGINI/7.jpg[/img] [img]IMMAGINI/8.jpg[/img] [img]IMMAGINI/9.jpg[/img] [img]IMMAGINI/10.jpg[/img] [img]IMMAGINI/11.jpg[/img] [img]IMMAGINI/12.jpg[/img]</div>
</td>
<td width="1%">[img]linea.GIF[/img]</td>
<td width="22%" align="left">

<div id="colonna">
<div class="c3">HOME</div>
<div>
</div>
<div>
</div>
<div class="c3">DOVE SIAMO</div>
<div>
</div>
<div>
</div>
<div class="c3">STORIA</div>
<div>
</div>
<div>
</div>
<div class="c3">MARCHI</div>
<div>
</div>
<div>
</div>
<div class="c3">PROGETTI</div>
<div>
</div>
<div>
</div>
<div class="c3">CONTATTI</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
</div>
</td>
</tr>
</table></div>
</div>

<div class="c1"><span class="c4">SOFAAGE SRL - via Regina Margherita, 155-157 Mola di Bari (BA) - Italia P. IVA 05846630720</span>

</div>
<div class="c7"><p class="sound">music.mp3</p></div>
</body>
</html>

FORSE COSI' E' PIU' CHIARO

**ac_socmel** · 13-09-2012, 11:28

http://forum.html.it/forum/showthrea...4#post13711054

ps modifica il tuo secondo messaggio racchiudendo il codice tra [co*de] e [/co*de] senza gli asterischi

**artvid** · 13-09-2012, 11:32

si scusami l'ho fatto come avrai notato nel primo post....ora lo cancello...cmq ho visto in quel link ma la risposta non mi e' ancora chiara...potreste aiutarmi con un eventuale codice...da inserire...ho provato con un css richiato dal div ma non funziona non so perche'....

Discussione: Centrare Pagina Verticalmente

Strumenti discussione

Ricerca discussione

Visualizza

Centrare Pagina Verticalmente

Permessi di invio