Discussion :

[yiuche]

Bonjour tout me monde...
J'ai un souci avec un site que je suis en train de faire.
Voilà l'adresse du site pour ceux qui veulent voir :
accueil.html
et le css :
main.css

en fait, sous IE6, lorqu'on réduit la fenêtre, les cadres de gauche partent vers la droite. je n'ai pas compris pourquoi car c'est la première fois que ça me fait ça.. en plus ça marche très bien avec firefox... si quelqu'un peut m'aiguiller un peu, ça serait avec grand plaisir.

Merci d'avance pour votre aide...

[Dan_A]

On peut ajouter
* html #navigation{position:absolute;} avant #extra
mais cela risque de poser d'autres problèmes.

[blueice]

Essaye de corriger les problèmes de codage, ca résoudra peut-être tes problèmes...

Ligne 94 : <p><p><br /></p>
Ligne 116 : <p><div>...</div>

etc...
revalide à chaque correction :
http://validator.w3.org/check?uri=ht...2Faccueil.html

[yiuche]

Ok, merci pour la p'tite astuce de propreté de code...
je me suis limité au css car le contenu est rentré à l'aide d'un CMS qu'utilise le client...mais je vais tenter le coup....
j'y retourne...pour d'autres infos pas de pb...
Pour le position:absolute, j'ai essayé, mais ça change rien....et oui, même moi je ne comprends pas....

je veins de regarder le code...en fait de mon côté, je n'ai pas de problème....
je mets le code de mon fichier qui est un .tpl....

Code html :

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
 
<!-- DEBUT CORPS -->
<div id="wrapper">
	<div id="contentaccueil">
		{$TXTINTRO}
 
		{if $showpresentation==1}
 
		<div class="presentation" style="padding:0px 0px">
			<ul>
				{foreach from=$ongletsaccueil item=onglet}
				<li id="li_{$onglet.id}" onclick="AffEcranHome({$onglet.id},{$nbongletsaccueil}); toog(myEffect[{$onglet.id}]);" style="cursor:pointer;">{$onglet.titre}</li>
				{/foreach}
			</ul>
		</div>
 
		{foreach from=$ongletsaccueil item=onglet}
		<div id="ecran{$onglet.id}">
			<div class="SousCadrePresentation">
				<p>{$onglet.contenu}</p>
			</div>
		</div>
		{/foreach}
 
		{/if}
 
		{$TXTMAEVA}
	</div>
</div>
<!-- FIN CORPS -->
 
<!-- DEBUT INFOS PLUS -->
<div id="navigation">
 
  <div class="cadre">
		<div class="featurebox">
			<h3>{$titrecadregauche}</h3>
			<ul class="nav-verti">
				{foreach name=info from=$infosplus item=infoitem}
				<li {if $smarty.foreach.info.first}class="first"{/if}><a href="{$infoitem.url}">{$infoitem.sujet}</a></li>
				{/foreach}
			</ul>
		</div>
  </div>
  {if $cadregauche!=''}
  <div class="cadre">
		<div class="featurebox">
			{$cadregauche}
		</div>
  </div>
  {/if}
  {if $cadregauche2!=''}
  <div class="cadre">
		<div class="featurebox">
			{$cadregauche2}
		</div>
  </div>
  {/if}
 
</div>
<!-- FIN INFOS PLUS -->
 
<!-- DEBUT PARTIE DROITE -->
<div id="extra">
 
  <div class="cadre">
	<div class="featurebox">
		<h3>Vid&eacute;o</h3>
		<p><img src="/images/img/peintre.jpg" alt="Video lara-btp" /></p>
		<p class="fin">Sur les 3300 substances d&eacute;clar&eacute;es dangereuses par l&rsquo;Union Europ&eacute;enne, on estime qu&rsquo;entre 150 et 200 d'entre elles sont utilis&eacute;es quotidiennement dans le BTP. Leur utilisation sans protection peut s&rsquo;av&eacute;rer dangereuse pour la sant&eacute;.
Voir le reportage en images.<br>
		<a href="javascript:popup('../video/high.html', 460, 400) ">Haut d&eacute;bit</a>&nbsp;&nbsp;&nbsp; <a href="javascript:popup('../video/low.html', 300, 260) ">Bas d&eacute;bit</a></p>
	</div>
  </div>
 
  <div class="cadre">
	<div class="featurebox">
		<h3>Quiz</h3>
		<p><img src="/images/img/img3.gif" alt="quiz lara-btp" /></p>
	  <p>Evaluation des risques chimiques : comment faire ?<br>
		<a href="javascript:popup('/max/quiz/index.htm',  957, 701)">Testez vos connaissances</a>
		<br /><br />
		<span class="legende">PC uniquement <br /> Installer <a href="http://www.livingactor.com/english/download/index.htm" target="_blank" class="legende-lien">Living Actor</a> et <a href="http://www.macromedia.com/shockwave/download/index.cgi?Lang=French&amp;P5_Language=French&amp;P1_Prod_Version=ShockwaveFlash&amp;Lang=French" target="_blank" class="legende-lien">Flash Player</a></span></p>
	</div>
  </div>
 
  {if count($news) > 0}
  <div class="cadre">
		<div class="featurebox">
		<h3>Actualités </h3>
		{foreach from=$news item=newsitem}
		<p><b>{$newsitem.sujet}</b><br>
		{$newsitem.texte}<br>
		<a href="{$newsitem.url}">Cliquez-ici</a></p>
		{/foreach}  
		</div>
  </div>
  {/if} 
 
</div>
<!-- FIN PARTIE DROITE -->
 
{literal}
<script type="text/javascript">
 
        var myEffect = new Array();
 
        function startupFunction()
        {
                AffEcranHome(0,{/literal}{$nbongletsaccueil}{literal});
        
                for (i=1;i<={/literal}{$nbongletsaccueil-1}{literal};i++)
                        $("ecran" + i).style.height = 0;
        
                for (i=0;i<={/literal}{$nbongletsaccueil-1}{literal};i++)
                        myEffect[i] = new fx.Height($("ecran" + i), {duration: 400});
        }
        
        function toog(elt)
        {
                for (i=0;i<={/literal}{$nbongletsaccueil-1}{literal};i++)
                {
                        if (elt == myEffect[i])
                                myEffect[i].myshow();
                        else
                                myEffect[i].myhide();
                }
        }
        
        if(window.attachEvent) window.attachEvent("onload", startupFunction);
        else window.addEventListener('load', startupFunction, false);
        
</script>
{/literal}

J'ai ré-éssayé avec les position:absolute, en fait je ne peux pas les utiliser car sinon, toute la colonne disparait.
Je crois que la meilleure solution est de tout recommencer mon css...car là je ne sais pas où ça me mène mais ça ne sent pas très bon...

[yiuche]

Changement total de situation,...
Tout recommencait depuis le début.

et c'est ok...
Merci pour votre aide...