[IE] Witruimte links van een plaatje

Pagina: 1
Acties:

  • bakakaizoku
  • Registratie: Januari 2002
  • Laatst online: 00:20
Ik ben bezig met een nieuwe site, en stuit na een poosje te hebben gewerkt op het volgende probleem..

Internet Explorer
Afbeeldingslocatie: http://members.home.nl/punkaholic/IE.png

Mozilla
Afbeeldingslocatie: http://members.home.nl/punkaholic/MOZ.png

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)

rm -rf ~/.signature


  • Osiris
  • Registratie: Januari 2000
  • Niet online
Fijn om te weten hoe je je code nu wél hebt enzo :) Oftewel: Hoe heb je het nu?

  • bakakaizoku
  • Registratie: Januari 2002
  • Laatst online: 00:20
sorry :P tis laat en het leek me niet echt relevante code aangezien het nogal basic code is wat ik heb neergeklopt

HTML:
1
2
3
4
5
6
<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:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
.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;
}

rm -rf ~/.signature


  • Osiris
  • Registratie: Januari 2000
  • Niet online
Misschien moet je de padding en/of margin van je .content #item op 0 zetten?

  • bakakaizoku
  • Registratie: Januari 2002
  • Laatst online: 00:20
Al geprobeerd, zonder enig succes

rm -rf ~/.signature


  • JeromeB
  • Registratie: September 2003
  • Laatst online: 19-03 22:07

JeromeB

woei

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

PC load letter? What the fuck does that mean?


  • bakakaizoku
  • Registratie: Januari 2002
  • Laatst online: 00:20
@ jerome: dat leverde hier weinig resultaat op :\

rm -rf ~/.signature


  • bakakaizoku
  • Registratie: Januari 2002
  • Laatst online: 00:20
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:
1
* html .content #item img {margin-left: -3px;}

rm -rf ~/.signature

Pagina: 1