Archief - homepage foutje in IE

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
M

Matti

Legacy Member
Hello all!

We zitten hier met een vervelende CSS-bug en vragen ons af of er iemand effe kan helpen:help:

In IE is onze homepage van Brandblussers, brandblusapparaten, branddekens, brandmelders en brandbeveiliging | Brandbeveiligingshop.be, de beveiligingspecialist beetje gefuckt :help:

Geen idee hoe te fixen vooral als je weet dat de productdetailpagina wel correct is...

Onze footer gaat dus niet naar beneden en "kruipt" dus achter onze producten :sad:

knipselj.jpg


Alle hulp dus welkom!

Thanks alvast!!
K

Kilghard

Legacy Member
Ik veronderstel dat gij ergens uw positioning hebt fout gezet? (in chrome doet die t ook niet btw).
Waarschijnlijk ergens een float gebruikt waar dat niet zou moeten (:
zal later eens beter bekijken
M

Matti

Legacy Member
Thnx! Ik zie/vind het nie dus much appreciated als jij kan helpen!
-

-BVR-

Legacy Member
Er scheelt toch wat met jullie code hoor:

Alle 'main content' bevindt zich in

HTML: 
.main-container .main .col-main .category-title .category-head-left .category-head-right
Het is ten eerste al heel vreemd dat category head right zich IN category head left bevindt. Ten tweede heeft .category-head-right een height van 36px. Hoe kan dan alles daarin passen? Onmogelijk dus.

Er is echter wel een 'way around'. http://i54.tinypic.com/213qepx.png De drie divs die ik hier omcirkeld heb (excuseer het amateurisme, is maar snel snel gedaan), hebben jullie fixed heights gegeven, namelijk 36px. Zet deze voor alle drie op 'auto' en je probleem is gefixt.

Ik raad je wel aan om die code te herschrijven want er klopt gewoon iets niet. Alles vanaf de eerste class="category-products" moet UIT de eerste class='category-head-right".

De juiste code moet dus zijn

HTML: 
...
<div class="col-main">
  <div class="std">
    <div class="main-banner">...</div>
    <div class="category-title">
      <div class="category-head-left">
        <div class="category-head-right">
          <h1>...</h1>
        </div><!-- /.category-head-right -->
      </div><!-- /.category-head-left -->
    </div><!-- /.category-title -->
    <div class="category-products">...</div><!-- /.category-products-->
    <div class="category-title">...</div><!-- /.category-title-->
    <div class="category-products">...</div><!-- /.category-products-->
    <div class="category-title">...</div><!-- /.category-title-->
    <div class="category-products">...</div><!-- /.category-products-->
    <div class="category-title">...</div><!-- /.category-title-->
    ...
  </div><!-- /.std-->
</div><!-- /.col-main-->

Ik hoop dat het duidelijk is :)

EDIT: ah, jullie hebben de fout nu gevonden zie ik :) Wel, wat krijg ik nu betaald? :p
M

Matti

Legacy Member
Thanks! We hebben het inderdaad zelf gevonden - waren paar openstaande divs :/

Sowieso bedankt voor je tips!

je krijgt van mij eeuwig R.E.S.P.E.T.:bow:
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan