Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2674 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Table ou Div+Styles CSS

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Table ou Div+Styles CSS

n°815989
gatsusat
Posté le 05-08-2004 à 15:08:19  profilanswer
 

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

mood
Publicité
Posté le 05-08-2004 à 15:08:19  profilanswer
 

n°816089
gatsusat
Posté le 05-08-2004 à 16:09:40  profilanswer
 

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

n°816134
boulax
Inserer phrase hype en anglais
Posté le 05-08-2004 à 16:35:48  profilanswer
 

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.
n°816159
fastclemmy
(re-)Dictateur en plastique
Posté le 05-08-2004 à 16:58:24  profilanswer
 

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

n°816206
fb@alphalo​g
Posté le 05-08-2004 à 18:04:43  profilanswer
 

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 )

n°816223
boulax
Inserer phrase hype en anglais
Posté le 05-08-2004 à 18:46:08  profilanswer
 

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.
n°816323
Leris
Posté le 05-08-2004 à 21:25:57  profilanswer
 
n°816472
gatsusat
Posté le 06-08-2004 à 10:15:05  profilanswer
 

Leris merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii

n°816479
boulax
Inserer phrase hype en anglais
Posté le 06-08-2004 à 10:24:48  profilanswer
 


 
bah merde [:wam]


---------------
Posté depuis des chiottes, sales. Me gusta.
n°816483
gatsusat
Posté le 06-08-2004 à 10:27:43  profilanswer
 

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

mood
Publicité
Posté le 06-08-2004 à 10:27:43  profilanswer
 

n°816486
boulax
Inserer phrase hype en anglais
Posté le 06-08-2004 à 10:29:49  profilanswer
 

Y'a encore un probleme ? A quel niveau ?


---------------
Posté depuis des chiottes, sales. Me gusta.
n°816490
gatsusat
Posté le 06-08-2004 à 10:32:46  profilanswer
 

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

n°816492
boulax
Inserer phrase hype en anglais
Posté le 06-08-2004 à 10:34:57  profilanswer
 

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


---------------
Posté depuis des chiottes, sales. Me gusta.
n°816494
gatsusat
Posté le 06-08-2004 à 10:38:03  profilanswer
 

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 :)


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Table ou Div+Styles CSS

 

Sujets relatifs
[CSS] Alignement image et texte.Manipulation simple table Access - doublons
[CSS] pb mise en page IE 5[css] bug firefox 0.9x/moz1.7 ou auto-bug ?
CSS : probleme de lien visited[CSS] border d'une image-lien de couleur ?
[CSS]Positionnement image.[CSS] Encore un chtit problème
[CSS] Image de fond dans une zone. Problème de compréhensionOrganisation CSS
Plus de sujets relatifs à : Table ou Div+Styles CSS


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR