18041 sujets

Questions générales et questions de débutants

Probleme de fixation bloc et format affichage automatique

bonjour a tous,
et oui encore une question de novice Smiley confused
j'ai deux petits problèmes au niveau affichage de ma page .
en premier mes blocs je souhaiterai les fixer vue quand je zoom sur ma page les blocs s'empile au lieux de rester a leur place.
le second problème c'est tout simplement que ma page s'adapte automatiquement au format écran de l'utilisateur.
voici mon code html 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<!--[if lt IE 9]>
			<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
			<![endif]-->
		<link rel="stylesheet" href="style.css"/>
		<title>Notre site</title>
	</head>
	<body>
		<div id="bloc_page"></div>
		<header>
			<div id="titre_principal"></div>
			<a href="image/logo.jpg"><img src="image/mini-logo.jpg" alt="logo de famille" id="logo" title="cliquez dessus" /></a>
			<h1>Notre vie et nos loisirs</h1>
			<nav>
				<ul>
					<li><a href="#">Acceuil</a></li>
					<li><a href="#">Nos animaux</a></li>
					<li><a href="#">Nos loisirs</a></li>
					<li><a href="#">Nos voyages</a></li>
				</ul>
			</nav>
		</header>
		<section>
			
				<div id="block1">
					<form method="post" action="traitement.php">
						<p>
							<label for="pseudo">votre pseudo :</label>
							<input type="text" name="pseudo" id="pseudo"
								placeholder="Ex : dad" size="30" maxlenght="10" />
							<label for="pass">votre mot de passe:</label>
							<input type="password" name="pass" id="pass" />
							<label for="mail">mettre votre mail :</label>
							<input type="email" name="mail" id="mail"/>
						</p>
					</form>
				</div>
		<div id="droite">
			<div id="conteneur1">	
				<div id="block2">
					<table>
						<tr>
							<th>prenom</th>
							<th>age</th>
							<th>pays</th>
						</tr>
						<tr>
							<td>geraldine</td>
							<td>30 ans</td>
							<td>france</td>
						</tr>
						<tr>
							<td>dad</td>
							<td>37 ans</td>
							<td>france</td>
						</tr>
					</table>
				</div>
				<div id="block3"></div>
			</div>
			<div id="conteneur2">
				<div id="block4"></div>
				<div id="block5"></div>
			</div>
		</div>
		</section>
		<footer>
			<p>Copyright Notre site-Tous droits réservés/>
			<a href="#">Me contacter !</a></p>
		</footer>
	</body>
</html>

Modifié par dadcsdelire (03 Nov 2012 - 09:00)
Sujet clos
Aller à