Tableau mise en page

**powereborn** · 14/09/2009, 19h41

Bonjour, après avoir travaillé durement sur php, je me suis penché sur adobe photoshop pour commencer à créer le design de mon site web.
Seul problème, c'est que je galère à l'affichage de mon design.
En fait ça serait une page qui prendrait toute la largeur de l'écran c'est à dire 100% en largeur mais justement c'est là le défi avec aussi des colonnes en % mais aussi en px , comme en css je ne sais pas trop comment faire si vous savez comment après avoir expliquer mon problème dites le^^, sinon voilà mon problème:
voici le code:

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Manga-resord Design</title>
<style type="text/css">
body{
margin:0px;
background-color: #ffda91;
}
</style>
</head>
<body>
<table width="100%" border=0px height="182px" cellpadding="0" cellspacing="0">
<tr>
<td width="238px" background="design/hautgauchelogo.jpg"></td>
<td background="design/logoligne.png"></td>
<td width="763px" background="design/logo.jpg"></td>
</tr></table>
</body>
</html>

Un code simple donc comme vous pouvez le voir, c'est très simple, sous FF il m'affiche correctement logique c'est FF, alors que IE de *** m'affiche la cellule qui est censée être en % càd celle du milieu toute rétrécie, et ce qui fait que la cellule de droite fait 900px au lieu de 763px, logique implacable lol.
Bon voilà c'est assez dur de bien découper mon design que j'ai finit sous photoshop pour faire ça mais c'est vraiment important question visuelle, merci de m'aider =)

**Bisûnûrs** · 15/09/2009, 08h57

Comme tu débutes, il faudrait commencer à prendre de bonnes habitudes dès maintenant.

Alors :
1. Corrige tes erreurs de validation XHTML Strict sur le site du W3C : http://validator.w3.org/
2. En HTML, il ne faut pas renseigner les unités pour les valeurs de dimensions. Sauf dans le cas de pourcentages.
3. Les mises en page en tableau sont déconseillées, en revanche je te propose de la faire à coup de "div" et CSS : http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/
4. Les cours de CSS, c'est de la bonne, mangez-en tous les matins au petit déj. Ainsi tu pourras te passer d'attributs obsolètes comme "background" : http://css.developpez.com/cours/

Tableau mise en page

HTML

Vue hybride

Discussions similaires

Partager

Partager