Site "élastique" en CSS

**Alex70** · 31/03/2008, 15h54

Bonjour à tous, voilà après deux jours de recherche et de fouille sur internet j'ai un souci qui doit etre simple a réglé mais qui me pose problème.

Sur mon site j'aimerais centrer une bannière et mettre les champs de connexion dessus (login et mot de passe) mais j'aimerais que lorsque l'utilisateur réduise la taille de la fenetre (IE ou FF) les boutons suivent la bannière et restent positionner au meme endroit.

Problème j'y arrive pas et je vois franchement plus comment faire... surtout pour que cela soit compatible IE et FF.

Ma CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
.banniere
{
height: 200px;
width: 800px;
}
 
.formulaire
{
position: absolue ;
margin-top: -80px;
margin-left: 250px;
}

Ma page web :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
<html>
<head>
<link href="Macss.css" rel="stylesheet" type="text/css">
	<title>Teste site<title>
</head>
<div align="center">
	<div class="conteneur" align="center">
   		<img border="0" src="_img/banniere2.jpg" alt="">
	</div>
</div>
 
	<?
		echo"<form name='connexion' method='POST' action='????' onSubmit='return verif_champ()'>
		<table border='0' bgcolor='' width='' class='formulaire'>
 
			<tr>
			<td width=''><font size='2'>Login :</font></td>
			<td width=''><input type='text' name='log' size='20'></td>
			</tr>
 
			<tr>
			<td width=''><font size='2'>Passe :</font></td>
			<td width=''><input type='password' name='mdp' size='20'></td>
			</tr>
 
			<tr>
			<td width='' COLSPAN=2>
			<div align='center'><input type='submit' value='Connexion'></div>
			</td>
			</tr>
 
			</table>";
 
	?>
 
 
</html>

j'éspère être assez clair dans mon problème, j'en suis là et plus rien ne fonctionne ^^

**Erwan31** · 31/03/2008, 18h52

Bonjour,
pour faciliter la tâche à ceux qui pourraient de répondre, pourrais tu fournir le code interprété (sans PHP).
D'autre part as tu ajouter un doctype valide en haut de ton document?

**Amybond** · 31/03/2008, 18h55

Dans ton css utilise des % plutôt que des pxs

Site "élastique" en CSS

CSS

Vue hybride

Partager

Partager