Come riduco lo zoom la pagina si sposta

**TheBiscuits** · 01-02-2012, 18:03

salve ragazzi,
premetto che sono alle prime armi con l'html e sto cercando di realizzare il mio primo sito.

Ho realizzato la home page del sito ma ho un problema, quando apro il file con opera mentre riduco lo zoom sulla pagina i vari div che all'inizio sono allineati bene si spostano..

mi sapreste dire perchè?e se sbaglio qualcosa?

grazie in anticipo per le risposte.

**br1** · 01-02-2012, 18:59

Originariamente inviato da TheBiscuits
mi sapreste dire perchè?e se sbaglio qualcosa?

Senza vedere la pagina si puo' solo tirare ad indovinare, ma di certo qualcosa di sbagliato ci deve essere

**TheBiscuits** · 02-02-2012, 17:20

è vero hai ragione mi ero dimenticato

questo è l'html semplice ancora non è completo

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<link href="Home2.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="header">
    </div>
	<div class="contenuti">
    <div class="menusin">
    </div>
    <div class="centro">
    </div>
    <div class="menudes">
    </div>
	
</div>
</body>
</html>

e questo è il css:

codice:

@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	text-align: center;
	font-size: 100%;
	width: 100%;
	color: #00F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	line-height: 1.4;
	background-color: #FFF;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(Immagini/contenutohome2.jpg);
}

/* ~~ Selettori tag/elemento ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px;
	color: #000;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: large;
}



a img { 
	border: none;
}


a:link {
	color: #42413C;
	text-decoration: underline; 
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}

a:hover, a:active, a:focus { 
	text-decoration: none;
}

/* ~~ Questo contenitore a larghezza fissa circonda gli altri div ~~ */
.container {
	width: 1000px;
	background-color: #FFF;
	background-repeat: repeat;
	margin: 0 auto;
	text-align:left;
	height: 1400px;
	background-image: url(Immagini/container.jpg);
}


.header {
	height: 136px;
	width: 921px;
	background-repeat: no-repeat;
	background-image: url(Immagini/Logohome2.jpg);
	background-color: #FFF;
	position:absolute;
	left: 50%;
	margin-left:-500px;
	top: 40px;
	
}

.contenuti{
	height: 800px;
	width: 1000px;
	margin: 0 auto;
	text-align:center;
	position:absolute;
	top: 601px;
	left: 431px;
	margin-top:-400px;
	margin-left:-500px;
}

.menusin{
	height:600px;
	width:195px;
	background-image:url(Immagini/menuhome2.jpg);
	background-repeat:no-repeat;
	top:50%;
	left:50%;
	margin-left:-261px;
	margin-top:-400px;
	position:absolute;
}

.centro{
	height:600px;
	width:481px;
	background-image:url(Immagini/centrohome2.jpg);
	background-repeat:no-repeat;
	top:50%;
	left:50%;
	margin-left:-50px;
	margin-top:-400px;
	position:absolute;
}

.menudes{
	height:600px;
	width:195px;
	background-image:url(Immagini/menudxhome2.jpg);
	background-repeat:no-repeat;
	top:50%;
	left:50%;
	margin-left:445px;
	margin-top:-400px;
	position:absolute;
}

Discussione: Come riduco lo zoom la pagina si sposta

Strumenti discussione

Ricerca discussione

Visualizza

Come riduco lo zoom la pagina si sposta

Re: Come riduco lo zoom la pagina si sposta

Permessi di invio