Bonjour,
Je suis débutante!
Grâce à ce site, j'ai "réussi" à customiser une petite boutique en ligne de location en modifiant le layout.
www.pieni.fr
Cependant, si tout va bien sous Firefox, sous IE mes produits et photos (main) se décalent totalement en bas à gauche! Smiley bawling .
Quelqu'un aurait-il une suggestion pour résoudre ce problème?
Voici une partie du code du layout...

<body id="{{ page.permalink }}-page" class="{{ page.permalink }} {{ page.category }}">

	
		<div id="fondgauche">		
		<img  src="http://i35.tinypic.com/slqxb7.gif">
		</div>
		



	
	<div id="wrap">
		
		<noscript>
			<div class="error" id="error">
				<ul>
		          <li>JavaScript must be enabled to use this store!</li>
		        </ul>
		    </div>
		</noscript>
		
		{% if errors != blank %}
		<div id="error" class="error">
			<ul>
				{% for error in errors %}<li>{{ error }}</li>{% endfor %}
	  		</ul>
	  	</div>
		{% endif %}

		{% if store.website != blank %}
		<div id="website">
			<a href="{{ store.website }}">Back to site</a>
		</div>	
		{% endif %}

		<div id="header"{% if theme.image != blank %} class="image"{% endif %}>
			<h1><a href="/"><span>{{ store.name }}</span>{% if theme.image != blank %}<img src="{{ theme.image.url }}" />{% endif %}</a></h1>
		</div>

		

		<div id="navigation">

			
				
				
				

			{% if theme.show_search %}
			<div id="search" class="pod">
				<h3 class="search-title"><span>Search</span></h3>
				<form id="search-form" name="search" action="/products" method="get">
					<input id="search-input" name="search" type="text" /><button id="search-submit" name="search-submit" type="submit" title="GO"><span>GO</span></button>
				</form>
			</div>
			{% endif %}

			{% if artists.active != blank %}
			<div id="artists" class="pod">
				<h3 class="artists-title"><span>Artists</span></h3>
				<form id="artists-form" name="artists" action="/" method="get">
					<select id="artists-select" name="artist" onchange="Store.selectArtist(this)">
						<option value="">Select an artist...</option>
						{% for artist in artists.active %}
						<option value="{{ artist.url }}">{{ artist.name }}</option>
						{% endfor %}
					</select>
				</form>
			</div>
			{% endif %}

			<div id="categories">
				
				<ul class="categories-list">
					<p>&nbsp;<p>&nbsp;<p>&nbsp;<p>&nbsp;<p>&nbsp;<p>&nbsp;<li><a href="/products" title="All"><span>tout • all</span></a></li>{% for category in categories.active %}<br><li>{{ category | link_to }}</li>{% endfor %}</p></p></p></p></p></p>
				</ul>
			</div>
			
			
				<div id="minicart">
				<p>&nbsp;<p>&nbsp;<p>&nbsp;<p>&nbsp;<h1 class="minicart-title"><img src="http://i33.tinypic.com/350unme.jpg" ></img>
			<div id="minicart-contents"	
				<ul class="minicart-contents">
					<li class="minicart-items"><h5><p><small><span id="cart-count">{{ cart.item_count | pluralize: 'item', 'items' }}</span></small><a href="/cart" title="mon panier • view cart">&#160;&#160<small><span>panier • view cart</span></small></h5></a></li></p></p></p></p>
					
					
				</ul>
				
			</div>
			
				</div>
			
			
			
			
			{% if theme.show_newest %}
			<div id="newest" class="pod">
				<h3 class="newest-title"><span>Newest Products</span></h3>
				<ul class="newest-list">
					{% for product in products.newest limit:5 %}<li>{{ product | link_to }}</li>{% endfor %}
				</ul>
			</div>
			{% endif %}
			

			{% if theme.show_products_feed %}
			<div id="feed" class="pod">
				<h3 class="feed-title"><span>Feed</span></h3>
				<ul class="feed-list">
					 <li class="li-1"><a href="/products.rss" title="Product RSS Feed"><span>Product RSS Feed</span></a></li>
				</ul>
			</div>	
			{% endif %}
			
			
		
			<div id="help" class="">
				<p>&nbsp;<h3 class="help-title"><span></span></h3>
				<ul class="help-list">
					{% for page in pages.all %}<li><br>{{ page | link_to }}</li>{% endfor %}<li><br>{{ pages.contact | link_to }}</li></p>
				</ul>
			</div>
			
		
		</div>
		
		
		</div>
		</div>
		

		<div id="main">
		
			<div id="maison">
			<a href="/home"><img src="http://i49.tinypic.com/25a8dqq.jpg"></img></a>
			</div>
			
			<div id="main-title">
				
				<center><small><span>{{ page.name }}</span></small></center>
			</div>

			<div id="main-content">
				
	
				
				{% if page.category == 'custom' %}
				{{ page_content | paragraphs }}
				{% else %}
				{{ page_content }}
				{% endif %}
			</div>

		</div>
		</div>

				

	</div>


	<div id="extra-1"><span></span></div>
	<div id="extra-2"><span></span></div>
	<div id="extra-3"><span></span></div>
	<div id="extra-4"><span></span></div>
	<div id="extra-5"><span></span></div>
	<div id="extra-6"><span></span></div>

		

		<div id="fonddroit">		
		<img  src="http://i37.tinypic.com/2a78ykn.gif">
		</div>
		
		<div id="footer"><span></span></div>

</body>
</html>

Modifié par mikokoulie (14 Jan 2010 - 19:02)
Bonjour,
il y a la balise 'code' pour pouvoir lire correctement...
édite ton message ca sera plus facile pour nous
Modifié par bprod (14 Jan 2010 - 18:37)
Hello mikokoulie et bienvenue Smiley smile ,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace après le crochet ouvrant).

upload/1-code.gif

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je te rappelle que l'Aide (dont le lien est fourni lors de l'inscription) contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Désolée pour ce premier message raté! J'espère que comme cela ce sera mieux...
Merci pour votre patience. Smiley confused
J'ai corrigé l'affichage du code dans mon premier message.
Modifié par mikokoulie (14 Jan 2010 - 19:03)