Problème de mise en page sous Internet Explorer

Problème de mise en page sous Internet Explorer - HTML/CSS - Programmation

Marsh Posté le 30-06-2005 à 11:39:33    

Bjr à tous,
 
J'ai un problème de mise en page sous IE, et pas sous Firefox (une barre blanche apparait en bas de la page, alors que je n'en veux pas). Comme je suis nul en HTML, j'ai essayé de trouver seul la solution pendant qques heures, sans résultat ...  :fou: L'url de la page est monsondage.free.fr
 
Quelqu'un voit-il comment corriger ça  :??:  D'avance merci pour votre aide  :)  
 
PS pour les curieux : Cette page concerne un petit questionnaire que je suis en train de préparer sur les attentes des Internautes vis-à-vis de la vente de musique en ligne, concernant principalement les artistes et groupes indépendants.


---------------
Musique Libre  
Reply

Marsh Posté le 30-06-2005 à 11:39:33   

Reply

Marsh Posté le 30-06-2005 à 11:54:30    

1) Code HTML vraiment vraiment lourdingue, trop de choses inutiles
2)  <td [...] height="1696"><br> [:moule_bite]

Reply

Marsh Posté le 30-06-2005 à 12:02:11    

Je n'ai jamais vu un code HTML aussi moche et merdique depuis des années. Même les noobs font moins pourri
bon pour le bas de ton tableau, faut définir une hauteur par défaut.


Message édité par gatsusat le 30-06-2005 à 12:10:26
Reply

Marsh Posté le 30-06-2005 à 12:03:07    

'tain mais l'enchevêtrement de tables :sweat: Je veux bien comprendre l'utilisation de tables histoire d'avoir des coins arrondis, mais alors à ce point pour tout et n'importe quoi...

Reply

Marsh Posté le 30-06-2005 à 12:09:52    

FlorentG a écrit :

'tain mais l'enchevêtrement de tables :sweat: Je veux bien comprendre l'utilisation de tables histoire d'avoir des coins arrondis, mais alors à ce point pour tout et n'importe quoi...


 
 
je suis sur que je lui refait le meme code avec 2x moins de lignes CSS comprise
 
 
et quand je vois ca  

Code :
  1. <body leftmargin="0" topmargin="0" alink="#990000" bgcolor="#ffffff"
  2.     link="#990000" marginheight="0" marginwidth="0" text="#000000"
  3.     vlink="#990000">
  4.         <form name="etude" action="http://musiquelibre.free.fr/envoi_mail.php"
  5.         method="post">
  6.             <table border="0" cellpadding="0" cellspacing="0" width="100%">
  7.                 <tbody>
  8.                     <tr>
  9.                         <td bgcolor="#990000" height="1696" valign="top"><br>
  10.                             <table align="center" border="0" cellpadding="0" cellspacing="0"
  11.                             height="402" width="770">
  12.                                 <tbody>
  13.                                     <tr>
  14.                                         <td bgcolor="#ffffff">
  15.                                             <table border="0" cellpadding="0" cellspacing="0"
  16.                                             width="100%">
  17.                                                 <tbody>


 [:petrus75] <== jfais cette tête là

Reply

Marsh Posté le 30-06-2005 à 12:19:25    

FlorentG a écrit :

'tain mais l'enchevêtrement de tables :sweat: Je veux bien comprendre l'utilisation de tables histoire d'avoir des coins arrondis, mais alors à ce point pour tout et n'importe quoi...


Surtout que là vu la simplicité (graphique) de la page c'est vraiment dommage [:sisicaivrai]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 30-06-2005 à 12:23:04    

on lui refait sa page ???  
:D

Reply

Marsh Posté le 30-06-2005 à 12:24:07    

FlorentG a écrit :

1) Code HTML vraiment vraiment lourdingue, trop de choses inutiles
2)  <td [...] height="1696"><br> [:moule_bite]


 
Désolé de vous faire aussi rire, mais je vous ai dit que je suis nul en HTML !!!  
 
D'ailleurs, ce serait sympa si vous me donniez des conseils plus précis ... Concrêtement, je dois mettre quoi à la place de cette balise pour corriger mon pbme ???
 
Pour info - mais vous avez sans doute deviné - c'est du code passé enre les mains successives de plusieurs personnes qui n'y connaissent rien en HTML  :)  


---------------
Musique Libre  
Reply

Marsh Posté le 30-06-2005 à 12:25:14    

gatsusat a écrit :

on lui refait sa page ???  
:D


 
Sans problème, je suis d'accord  :bounce:


---------------
Musique Libre  
Reply

Marsh Posté le 30-06-2005 à 12:26:54    

bah on a plutot deviné que c'est du code généré par une bouse Wysiwyg

Reply

Marsh Posté le 30-06-2005 à 12:26:54   

Reply

Marsh Posté le 30-06-2005 à 12:33:44    

J'ai vu au passage que sur Discussions tu avais lancé un appel
http://forum.hardware.fr/hardwaref [...] 5578-1.htm
 
ben j'espère que tu tomberas pas sur un merdeux
 
tu me fais penser à un copain rennais (Benoit) qui s'était lancé sur le même type de projet.
Le questionnaire m'a l'air similaire

Reply

Marsh Posté le 30-06-2005 à 12:49:15    

gatsusat a écrit :

on lui refait sa page ???  
:D


<!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" xml:lang="fr" lang="fr">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
        <title>Mini-étude</title>
        <link rel="stylesheet" type="text/css" href="etude.css" />
    </head>
    <body>
        <div id="header">
            <p>
                Mini questionnaire
                3 minutes en moyenne
            </p>
            <address>
                Nous contacter: <a href="mailto:musiquelibre@gmail.com">musiquelibre@gmail.com</a>
            </address>
        </div>
        <div id="content">
            <h1>Site Internet de promotion et de vente de disques d'artistes indépendants</h1>
            <h2>Donnez-nous votre avis !</h2>
            <p>Nous préparons le lancement prochain d'un site Internet de vente de musique en ligne destiné à promouvoir les artistes indépendants de qualité. Les principaux objectifs du site seront :</p>
            <ul>
                <li>en priorité, d'aider les artistes indépendants à se faire connaître et à vendre grâce à Internet,</li>
                <li>et bien entendu, de permettre aux Internautes de découvrir de nouveaux talents peu connus mais de grande qualité.</li>
            </ul>
            <p>Ce projet est votre projet. Que vous soyez Internaute ou artiste musicien, nous avons besoin de votre participation pour mieux cerner vos attentes, de manière à vous proposer ensuite un site qui y réponde du mieux possible !</p>
            <p>Votre réponse à cette mini enquête ne vous demandera que trois minutes. Si vous le souhaitez, vous pourrez par la suite participer à ce projet en nous donnant régulièrement votre avis, tout en étant tenu informé de l'avancement de la réalisation du site. Nous vous informerons, toujours si vous le souhaitez, de la signature de nouveaux artistes indépendants. Enfin, pour vous remercier de votre aide, nous vous offrirons une réduction sur l'achat de vos premiers disques en ligne dès le lancement du site.</p>
            <p>Nous vous remercions par avance pour votre soutien !</p>
            <p><a href="http://monsondage.free.fr/questions_internaute.htm" id="visitorsPoll">Vous êtes Internaute</a> <span id="artistsPoll">Vous êtes Artiste</span>
            <hr />
        </div>
    </body>
</html>


* {
    margin: 0;
    padding: 0;
    border: none;
}
body {
    text-align: center;
    background-color: #900;
    padding: 1em;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
#header, #content {
    width: 75%;
    margin: 0 auto;
    text-align: left;
    background-color: white;
    padding: 0.5em;
}
 
p {
    margin: 1em 0;
}
#header {
    position: relative;
}
#header * {
    width: 12em;
    margin: 0;
}
address {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    text-align: right;
}
 
#content h1 {
    font-size: 1.4em;
    color: orange;
    text-align: center;
}
#content h2 {
    font-size: 1.1em;
    color: #fc0;
}
#content p, #content ul {
    margin: 1em 2em;
}
#content ul {
    margin-top: -1em;
}
#content ul li {
    margin-left: 1.5em;
    padding-left: 0.5em;
}
 
#content #visitorsPoll {
    display: block;
    float: left;
    margin: 0 2em;
    font-size: 1.3em;
    color: #900;
}
#content #artistsPoll {
    display: block;
    float: right;
    margin: 0 2em;
    font-size: 1.3em;
    color: orange;
}
#content hr {
    clear: both;
    visibility: hidden;
}


 
Il y a des ajustements à faire et les coins ne sont pas arrondis, mais c'est un début.


Message édité par masklinn le 30-06-2005 à 12:51:11

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 30-06-2005 à 12:51:43    

salaud j'allais commencé, jetai parti manger

Reply

Marsh Posté le 30-06-2005 à 12:56:32    

C'est le questionnaire qui aurait besoin d'un remaniement totale

Reply

Marsh Posté le 30-06-2005 à 13:01:18    

Là je bosse, donc 5mn sur une petite page ok, refaire tout un questionnaire ça va pas être possible


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 30-06-2005 à 13:02:02    

masklinn j'ai pas dit que tu dois le faire.
 
Déjà tu es super généréeux d'avoir refait la page de garde

Reply

Marsh Posté le 30-06-2005 à 14:18:50    

gatsusat a écrit :

J'ai vu au passage que sur Discussions tu avais lancé un appel
http://forum.hardware.fr/hardwaref [...] 5578-1.htm
...
tu me fais penser à un copain rennais (Benoit) qui s'était lancé sur le même type de projet.
Le questionnaire m'a l'air similaire


Ben lui c'est lui et moi c'est moi  :wahoo: Je ne le connais pas et ne suis pas encore rennais  :)  


---------------
Musique Libre  
Reply

Marsh Posté le 30-06-2005 à 14:20:26    

masklinn a écrit :

[fixed]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     ....
Il y a des ajustements à faire et les coins ne sont pas arrondis, mais c'est un début.


 
Super et merci beaucoup  :jap: Maintenant, vous devez comprendre pourquoi je suis plus fort en études de marché qu'en informatique  :ange:  


---------------
Musique Libre  
Reply

Marsh Posté le 30-06-2005 à 14:22:16    

gatsusat a écrit :

C'est le questionnaire qui aurait besoin d'un remaniement totale


Tu as mon grand feu vert si tu as un peu de temps pour ça  :pt1cable: Et sinon c'est pas grave, c'est déjà sympa que tout le monde ait passé ce temps à m'aider  :)  


---------------
Musique Libre  
Reply

Marsh Posté le 30-06-2005 à 14:32:03    

masklinn a écrit :

Il y a des ajustements à faire et les coins ne sont pas arrondis, mais c'est un début.


Je viens de tester, c'est super  :wahoo: Le code est passé de 17 à 3 Ko, super comme régime ! ET en + c'est ultra lisible, même pour qqu'un comme moi !
 
Concernant les ajustements, vu le peu de choses qu'il semble rester à faire, je devrais m'en sortir, quitte à virer les coins arrondis ! Merci donc pour ton aide.  


---------------
Musique Libre  
Reply

Marsh Posté le 30-06-2005 à 14:36:23    

Les coins arrondis ce n'est pas un problème normalement
 
pour le code utilise comme c'est indiqué, les H1 H2.. P comme il le faut et pas autrement.
 
ensuite pour le formulaire jveux bien te donner un coup de main mais là je bosse

Reply

Marsh Posté le 30-06-2005 à 15:24:36    

gatsusat a écrit :

Les coins arrondis ce n'est pas un problème normalement
 
pour le code utilise comme c'est indiqué, les H1 H2.. P comme il le faut et pas autrement.
 
ensuite pour le formulaire jveux bien te donner un coup de main mais là je bosse


 
Merci. Je bosse aussi ... mais je peux prendre qques minutes  :p Je vais donc reprendre rapidement ton code pour voir si je m'en sors. Je te fais signe si j'ai un pbme  :hello:  


---------------
Musique Libre  
Reply

Marsh Posté le 30-06-2005 à 15:34:07    

c'est le code de masklinn :o

Reply

Marsh Posté le 30-06-2005 à 16:58:50    

masklinn a écrit :

Il y a des ajustements à faire et les coins ne sont pas arrondis, mais c'est un début.


 
Je viens de remettre tout ça en ligne en m'appuyant sur ton code. Pour les coins arrondis, tant pis je laisse tomber. Je vais maintenant finir le questionnaire ... en continuant à utiliser mon code merdique pour cette page vu que je suis infoutu de faire ce que tu as fait pour la page d'index ... !
 
En tout cas, un grand merci pour ton aide  :jap:  


---------------
Musique Libre  
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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