[IE] Witruimte links van een plaatje

[bakakaizoku]

Ik ben bezig met een nieuwe site, en stuit na een poosje te hebben gewerkt op het volgende probleem..

Internet Explorer


Mozilla


U ziet, internet explorer geeft links van het plaatje (die zwarte vlek rechts midden) een witruimte, terwijl hij net als in moz gewoon tegen de rand van de div moet zitten..

Anyone (een margin: -3px; is geen oplossing, want dan lijnt hij niet mooi meer uit met de knoppen)

[Osiris]

Fijn om te weten hoe je je code nu wél hebt enzo Oftewel: Hoe heb je het nu?

[bakakaizoku]

sorry tis laat en het leek me niet echt relevante code aangezien het nogal basic code is wat ik heb neergeklopt

HTML:

<div id="content">
 <div id="item">
  [img]"images/n/TakingBackSunday.jpg"[/img]
  <p>Tekst Nederlands</p>
 </div>
</div>

Waarvan de CSS het volgende is

Cascading Stylesheet:

.content #content {
    position: relative;
    left: 4px;
    background-color: #376881;
    width: 511px;
    padding-left: 20px;
}

.content #lijntje {
    width: 521px;
    overflow: hidden;
    height: 1px;
    background-color: #fff;
    margin-top: 4px;
    margin-bottom: 4px;
}

.content #item  {
    width: 477px;
    background-color: #879EAB;
    display: table;
}

[Osiris]

Misschien moet je de padding en/of margin van je .content #item op 0 zetten?

[bakakaizoku]

Al geprobeerd, zonder enig succes

[JeromeB]

Heeft dit niet te maken met de 3px bug in IE?: http://positioniseverything.net/explorer/threepxtest.html

[bakakaizoku]

@ jerome: dat leverde hier weinig resultaat op :\

[bakakaizoku]

Het is uiteindelijk opgelost, mede dmv. dat ik nu wist hoe die bug eventueel kon heten..

Het is ietsjes anders dan in de link die gegeven was, maargoed

De solution:

Cascading Stylesheet:

* html .content #item img {margin-left: -3px;}