Page 1 sur 1
placement des div
Posté : 20 déc. 2008, 11:30
par Nad21
Bonjour
Juste une petite question pour un matin difficile
je dois placer mon div dans un tableau, le tableau est a 100%, mon div est placé dans une cellule centrale
y a t'il moyen de lui faire suivre le tableau en cas de redimensionnement de la page
voici mon style
.bloc
{
display : none;
margin-left : 20px;
left:316px;
top:109px;
position:absolute;
}
Merci
Nadege
Posté : 20 déc. 2008, 12:22
par chrislabricole
Tu dis que ton tableau est à width:100%, alors pourquoi pas ton div dans ta cellule ?
Posté : 20 déc. 2008, 13:17
par Nad21
c'est à dire??
je suis obligé de mettre un div si c le sesn de la question
merci
[Note : ce message a été posté de manière anonyme avant d'être réattribué à son auteur]
Posté : 20 déc. 2008, 13:21
par chrislabricole
Tu as bien un div dans une de tes cellules de ton tableau ?
Si tu veux que ton div prenne l'espace de tout la cellule, tu mets ton div à width:100%
Posté : 20 déc. 2008, 14:46
par Nad21
ce que je veux c'est que mon div bouge en meme temps que le tableau quand on redimensionne la fenetre, ce n'est pas juste les 100% c'est la position haut et gauche
Nadege
[Note : ce message a été posté de manière anonyme avant d'être réattribué à son auteur]
Posté : 20 déc. 2008, 14:49
par jojolapine
Le mieux serait d'avoir plus de code, notemment le code html, et le code css complet, ensuite éventuellement le rendu que tu souhaites et encore mieux, une page de test
Parceque là on parle un peu dans le vide!
Donnes nous toute les infos, car tu affirmes que tu dois avoir un tableau et un div, etc... mais qui sait peut-être qu'une solution plus simple existe!
Posté : 21 déc. 2008, 10:12
par Nad21
Bonjour
Volà le petit bout de code qui me pose probleme
c'est tout simple
je veux que si on reduit la fenetre en hauteur ou en largeur le div soit tjrs dans la cellule
a savoir que le tableau ci dessous est simplifiée et que je ne peux pas changer le code des tableaux
merci
Nadege
Code : Tout sélectionner
<!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=iso-8859-1" />
<title>Document sans nom</title>
<style>
#test {
position:relative;
width:202px;
height:112px;
}
</style>
</head>
<body>
<table width="100%" height="180" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#FF0000">test</td>
<td bgcolor="#FF0000">ttest</td>
</tr>
</table>
<table width="100%" height="330" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="26%" bgcolor="#999999"> </td>
<td width="74%" bgcolor="#CCCCCC">
<div id="test"><img src="images/realisations/college_migennes.jpg" width="594" height="330" /></div></td>
</tr>
</table>
</body>
</html>
Posté : 21 déc. 2008, 12:55
par jojolapine
Dans le code ci-dessus, tu fixes la largeur du div en pixels...
C'est donc logique que ce dernier ne suive pas le redimmensionnement (une valeur en % resoud le problème)
Par contre quand tu dits être obligé de garder ton tableau, tu te moques de moi ou quoi?
Si c'est juste pour avoir ta mise en page avec entête menu, etc...
Regarde cet exemple:
http://www.intensivstation.ch/files/tem ... -1-07.html
(d'autres içi:
http://www.intensivstation.ch/templates/ et içi:
http://www.alsacreations.com/gabarits/liste.html )