Bonjour à tous!

Je suis un vrai zéro puisque c'est mon premier post

J'ai réalisé une découpe simpliste en css (c'est la première fois que je découpe un site de cette manière). Malheureusement même aussi simple, j'ai un problème : dans ma partie générale, celle qui est réservée pour le contenu de la page (et nommée à ce titre .contenu), si je veux afficher le contenu d'une table de ma bd que je regroupe dans un tableau (qui est très grand du coup car il y a beaucoup de données à voir), il se retrouve décallé vers le bas de page (en dessous des 100% de .menu en fait mais toujours avec la marge a gauche que j'ai spécifié dans .contenu).

Si quelqu'un a une solution pour que le tableau s'affiche "normalement" dans la partie .contenu même s'il est très grand, je suis preneur merci.

Voici un extrait du code .css qui reprend les différentes coupes que j'ai faites.

Merci!

Code:

Comment veux -tu qu'on t'aide avec si peut d'info ?
Mets ton site sur le net qu'on voit le resultat à l'instant T !

Salut.
En general on commence par dimensionner html et body avant les autres elements. tu mets
#header{ width:100%;} mais 100% de quoi?

Citation : Natim

Comment veux -tu qu'on t'aide avec si peut d'info ?
Mets ton site sur le net qu'on voit le resultat à l'instant T !

Je peux te montrer l'instant T : http://membres.lycos.fr/patricephp/tab.php .

Je ne saurais pas montrer le site car je travaille par VPN sur un serveur sécurisé. Néanmoins, la page est identique hormis qu'ici le tableau est statique alors que normalement il est généré par une recherche dans la base de donnée.
Voilà désolé si c'était incomplet, j'espère que ça l'est moins maintenant :).

Citation : jp949

Salut.
En general on commence par dimensionner html et body avant les autres elements. tu mets
#header{ width:100%;} mais 100% de quoi?

Je pense (pas certain) que ça équivaut à 100% de la taille de l'écran. C'est en tout cas la taille que ça prend (voir l'exemple ci au dessus). En fait je me suis basé sur un exemple d'un toturiel que voici : http://www.generationcyb.net/IMG/pageaccueil.html . Que j'ai essayé de modifier et compléter suivant ce que je voulais. Donc le 100% je croyais que ça prendrait toute la largeur (ou hauteur suivant le cas) nécessaire pour chaque page. Mais c'est peut etre pas ça du tout...

Merci pour votre aide.

Edit : je viens de m'apercevoir que sous firefox les tableaux (même si tres grands) s'affichent "à la bonne place" mais pas sous IE donc. Si quelqu'un sait comment arranger ça ça me serai bien utile.

Tu as pu contater que ce n'est pas 100% mais 300% de l'ecran que tu prends

Citation : jp949

Tu as pu contater que ce n'est pas 100% mais 300% de l'ecran que tu prends

Oui le tableau est très grand je sais... mais en metant 300% ou une valeur de width immense en px ou 300% pour le .contenu, le problème est toujours là...

Y a pas de solution ?

c'est le margin-left pour le tableau qu'il faut augmenter pour IE

Citation : jp949

c'est le margin-left pour le tableau qu'il faut augmenter pour IE

Je comprend pas... le margin-left ça augmente juste l'espace de gauche avant la partie contenu et donc le tableau se retrouve encore plus à droite mais toujours en dessous du reste...

Un tout grand merci de t'interesser de prèt à mon soucis, ça fait plaisir ;).

Tente 1 truc.
mets ton menu en commentaire voir si le tableau monte auquel cas ce serait le float_left qui le bloque

Oui dans ce cas le tableau monte. J'ai essayé en supprimant le float : left; mais ce n'etait pas bon non plus...

mets 1 clear:both apres le menu

Salut,

Retire le width: 780px dans ton .contenu
et si ca fonctionne pas essaye un paddin-left:5px; dans .contenu
@+

Citation : kabuto_fr

Retire le width: 780px dans ton .contenu
et si ca fonctionne pas essaye un paddin-left:5px; dans .contenu
@+

ça progresse un peu : mon titre "Affichage des personnes" est maintenant à la bonne place. Mais le tableau lui toujours pas...

Voir : http://membres.lycos.fr/patricephp/tab.php

Jp949: J'ai essayé de créer ceci dans le css:
.flux{clear:both;}
et de mettre dans la page après le menu : <div class=flux>
Mais ça n'a rien changé :(.

Re,

J'ai fait une faut tout a l'heure c'est padding-left:5px;
J'avais oublie le g de padding.
Commence a 5px puis augmente ou diminu la valeur pour voir laquel convien le mieux a IE.

@+

PS: le clear-both supprime le float, alors fait le uniquement apres .contenu dans ton pied de page.

je ne sais pas si tu t'es trompé que sur le forum ou dans ton code htm mais la manque "" autour de flux .
sinon pourquoi ne pas mettre le menu dans le tableau?

Re,

Citation : jp949

sinon pourquoi ne pas mettre le menu dans le tableau?

NOnnnnnnn, pitié, l'embrouille pas avec des conneries

@+

kabuto_fr : Même avec un "g" le padding-left ne résoud pas mon problème : plus j'augmente la valeur de celui ci, plus le tableau se décalle vers la droite... mais toujours en dessous du reste.
.
jp949 : j'avais pas fait de copier/coller non, erreur uniquement ici sur le forum.

Edit : juste pour dire qu'un utilisateur d'un autre forum vient de me trouver la solution:



Encore merci à ceux qui ont essayés de m'aider.