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! .
Quelqu'un aurait-il une suggestion pour résoudre ce problème?
Voici une partie du code du layout...
Modifié par mikokoulie (14 Jan 2010 - 19:02)
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! .
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> <p> <p> <p> <p> <p> <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> <p> <p> <p> <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">  <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> <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)