Design dynamic
hack_net
Messages postés
783
Date d'inscription
Statut
Membre
Dernière intervention
-
hack_net Messages postés 783 Date d'inscription Statut Membre Dernière intervention -
hack_net Messages postés 783 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je cherche à faire un design dynamic, c'est à dire expenssible (je veut que quelque soit la résolution, la page prenne 100%).
J'ai crée une page, et tout marche, mais un élément dans le tableau (corps) ne se positionne pas correctement selon la résolution de l'écrant.
Voici le code de la page :
Et celui du CSS :
Voila. Quelqu'un as-t-il une solution ? Merci d'avance...
Je cherche à faire un design dynamic, c'est à dire expenssible (je veut que quelque soit la résolution, la page prenne 100%).
J'ai crée une page, et tout marche, mais un élément dans le tableau (corps) ne se positionne pas correctement selon la résolution de l'écrant.
Voici le code de la page :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<?php include ('include/head.html'); ?>
<body>
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr align="center">
<td colspan="2" rowspan="1" height="100"><div class="element_logo" id="logo"><br /><a href="/"><img src="images/entete.gif" height="70" width="807"></a></div></td>
</tr>
<tr align="center">
<td colspan="2" rowspan="1"><div id="menu_h"><?php include ('include/menu_h.html'); ?></div>
</td>
</tr>
<tr>
<td style="width: 20%;text-align: center;"><div class="element_menu_g" id="menu_g"><?php include ('include/menu_g.html'); ?></div>
</td>
<td style="width: 80%;">
<div id="corps">
<div id="titre_bloc" class="element_menu_g" ><bg>.: Présentation...</bg></div>
<h2>A qui s'adresse ce site ?</h2>
<p>A tous ! Enfin, tout ceux et celles qui aime l'informatique.<br>
En effet, il est destiné du programmeur, au geek, en passant par le débuttant, ect...<br><br></p>
<h2>Quel est son contennu ?</h2>
<p>Sont contennu est divers. On peut y trouver des programmes, des tutos, des listes de sites, ... Le contenu est a 100% légale, même si des liens visant vers des sites illégaux sont présent. En effet, un lien n'est pas jugé illégal, et nous ne sommes pas responssable de ce que vous en ferez.</p>
<h2>En conclusion</h2>
<p>Pour conclure, nous dirons qu'une seul chose... Bonne continuation !</p>
<p><br><br><br><br><span style="color:lime; float:right;">Les admin du site, Andrelec1 & Hack_Net</span><br><br></p>
</div>
</td>
</tr>
<tr align="center">
<td colspan="2" rowspan="1"><div class="element_copyright" id="copyright">
<?php include ('include/bas.html'); ?>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Et celui du CSS :
/*
Css by Andrelec1 & Hack_Net
Andrelec1@hotmail.fr & h4ck.n3t@gmail.com
-------------
Fichier éditer le : 18/o2/08
Derniére mise à jour le : 22/05/08
Fichier sous copyright
*/
/* Mises en page générales */
body{
height: auto;
width: auto;
background-image:url(images/back-body.jpg);
font-family: Helvetica, Tahoma, Arial, Verdana, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
#logo{
font-size: 8px;
height: 100%;
width: 100%;
border: #000000;
background-color: black;
}
.element_logo a{
color: #000000;
}
.element_logo a:hover{
color: #000000;
}
#menu_h{
height: 27px;
width: 100%;
margin-top: 20px;
background: #c0c0c0;
}
#menu_g{
float:left;
width: 195px;
margin-top: 10px;
background-color: #444444;
border: 1px solid #666666;
height:auto;
min-height: 100px;
margin-bottom: 10px;
}
#titre_bloc{
padding-top: 2px;
height: 25px;
background-image: url(images/fond-titre-cellules.png);
}
.element_menu_g bg{
color: #FF9900;
font-size: 15px;
font-weight: bold;
padding-left: 5px;
}
#corps{
float: left;
top: 28%;
position: absolute;
width: 77.7%;
background: #333333;
border: 1px solid #666666;
height: auto;
}
#copyright{
position: absolute;
height: 100px;
width: 100%;
margin-top: 20px;
padding-top: 16px;
background-image: url(images/copyright.png);
background-repeat: repeat-x;
text-align: center;
color: #FFFFFF;
font-family: Arial;
}
a{
font-weight: bold;
color: #FFFFFF;
}
a:hover{
color: #FF9900;
}
img{
border: 0px;
}
Voila. Quelqu'un as-t-il une solution ? Merci d'avance...
A voir également:
- Design dynamic
- Azura home design avis ✓ - Forum Consommation & Internet
- Dynamic island android - Accueil - Guide Android
- Dynamic ras - Forum Réseau
- Maeva vient de créer son entreprise de design à montréal ✓ - Forum Loisirs / Divertissements
- Memup feel design - Forum Disque dur / SSD
