Table ou Div+Styles CSS

Table ou Div+Styles CSS - HTML/CSS - Programmation

Marsh Posté le 05-08-2004 à 15:08:19    

Voila je vous pose cette jolie colle, parce que ca me pose quand même un jolie problème
 
Voici le code HTML en tableau que j'ai
et je veux obtenir la même chose avec des div


<html>
<head>
<title></title>
 
 
</head>
<body>
<table width="800" height="100" border="1" cellspacing="0" cellpadding="0">
    <tr>
        <td colspan="3">
            menu haut
        </td>
    </tr>
    <tr>
        <td width="40">
           gauche
        </td>
        <td width="100%">
            centre
        </td>
        <td width="40">
        droite
        </td>
    </tr>
    <tr>
        <td colspan="3">
            bas
        </td>
    </tr>
<table>
</body>
</html>


 
et voici la version en div que j'ai commencé à faire :  
 

<html>
<head>
<title></title>
<style>
Div {
Border : 1px solid black;
}
</style>
 
</head>
<body>
<div>menu haut</td>
<div>
    <div style="float:left;width:150px">gauche</div>
    <div style="float:left">centre</div>
    <div style="width:150px">droite</div>
</div>
<div>bas</div>
</body>
</html>


 
 
normalement ca devrait me donner ca :
 


                         bandeau
gauche               centre                             droite
                         menu bas


mais au niveau des div j'aimerai que centre prenne le reste de la place qui lui ai aloué, sachant que gauche et droite on une taille défini de 150 px
donc en claire la largeur de centre doit donner ceci :  
largeur_du_navigateur-largeur_de_gauche-largeur_de_droite = largeur_du_centre

Reply

Marsh Posté le 05-08-2004 à 15:08:19   

Reply

Marsh Posté le 05-08-2004 à 16:09:40    

houhouuuuuuuu est ce que quelqu'un pourrait m'aider ?

Reply

Marsh Posté le 05-08-2004 à 16:35:48    

Malheureusement, je me suis déjà heurté à ce problème. On atteinds là la limite des css en matière de mise en page. Imposseible en CSS de faire un div contenant un div dont la taille est fixée en pixel et dire à l'autre de prendre tout le reste. Les tableaux sont ta seule alternative.  :sweat:


Message édité par boulax le 05-08-2004 à 16:36:04

---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 05-08-2004 à 16:58:24    

Ouais enfin si tu as une table de 800px qui contient deux colonnes de 40px chacune, tu te doutes de la taille de la colonne du milieu non ? :o

Reply

Marsh Posté le 05-08-2004 à 18:04:43    

oui , mais la taille totale de l'affichae depend de la resolution de l'ecran  
solution pour rester avec les div : faire plusieurs possiblité avec els resolution les plus courantes ( 800, 1024 ,1200 et 1600 pixels de large )

Reply

Marsh Posté le 05-08-2004 à 18:46:08    

fastclemmy a écrit :

Ouais enfin si tu as une table de 800px qui contient deux colonnes de 40px chacune, tu te doutes de la taille de la colonne du milieu non ? :o


 
On est d'accord mais dans le cas ou tu raisonnes avec (par exemple) un div centré sur ta page avec 80% en largeur par exemple, ben t'es bloqué :/.


---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 05-08-2004 à 21:25:57    

Reply

Marsh Posté le 06-08-2004 à 10:15:05    

Leris merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii

Reply

Marsh Posté le 06-08-2004 à 10:24:48    


 
bah merde [:wam]


---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 06-08-2004 à 10:27:43    

en fait j'avais trouvé cette solution hier
en mettant un margin-left  et un margin right fixe j'obtient ce que je veux
mais bon ce n'est pas super super, un tableau reste quand meme la solution la plus souple

Reply

Marsh Posté le 06-08-2004 à 10:27:43   

Reply

Marsh Posté le 06-08-2004 à 10:29:49    

Y'a encore un probleme ? A quel niveau ?


---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 06-08-2004 à 10:32:46    

non il n'y a plus de problème, mais cela nécessite un peu de CSS, mais C kler que les CSS c'est beaucoup mieux que les table

Reply

Marsh Posté le 06-08-2004 à 10:34:57    

Bah faut savoir :??: Pourquoi tu as dit qu'un tableau reste la solution la plus souple ?


---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 06-08-2004 à 10:38:03    

ben au depart  
kan tu defini la largeur d'une colonne dans un table, les autres colonnes prennent le reste de la place qui leur est alloué
 
C pour ca ke j'aime bien les table dans certaines mises en page
 
les CSS tu dois modifier deux ou 3 valeur
 
bon j'ai po le temps j'ai du taf ki m'attend :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed