[CSS] Suckerfish probleempje

[iH8]

Ik ben met een suckerfish menu bezig wat ik probeer te herschrijven zodat het past in site van een vriend van me. Het origineel komt van hier waar ik meebezig ben staat hier en de bijbehorende stylesheet staat hier Nu zie het er in FF gewoon uit zoals moeten (eerste dropdown) maar in IE heb ik tussen elke pic een 3 pixels ruimte ook boven en onder het menu en zelfs ook tussen het logo en dividers. Momenteel goed kan zien want de bodybg is grijs en de content bg wit.(er wordt nog gebruik gemaakt van transparent png vandaar die lelijke dropdown in IE)

Nou heb ik zelf heel die stylesheet stukje voor stukje zitten veranderen en dan constant f5en om te kijken wat er waar veranderd. Maar ik kan die 3px in IE niet verklaren. Toen heb ik op diverse plaatsen de paddings en margins proberen op nul te zetten maar zonder resultaat. Momenteel heb ik alles wat er standaard gepad stond op 0 gezet en al mijn extra pads weer verwijderd.

Nou ben ik hier al een nacht of twee drie meebezig en ik kwam op iets heel raars, toen ik begon met het aanéénzetten van alle lines in de source van de html, vanaf de eerst DIV dus geen enters meer per html regel en geen spaties, zag het er in IE zo uit als 't moest. Maar dit kan de oplossing toch niet zijn? Ik weet het echt niet meer en kom via m'n searches helemaal nergens vandaar m'n topic. Iemand ideeën i hope?

[JoetjeF]

[google=internet+explorer+3+pixels+gap]

[iH8]

OMG Alvast hartelijk bedankt. * iH8 gaat hier mee aan de slag. Ik vond heel die suckerfish al moeilijk, deze workaround maakt het er niet makkelijker op ik ga 't proberen.

[iH8]

Ik heb nu alles gestript en werk ff niet meer met dat menu, gewoon één DIV met daarin drie img's. Zoals gebruikelijk in FF alles goed. In IE heb ik weer ruimte. Kan iemand mij uitleggen waarom dit:

code:

<div>[img]"lay_divider.gif"[/img][img]"lay_logo.gif"[/img][img]"lay_divider.gif"[/img]</div>

linkje goed

wel werkt in IE en dit;

code:

<div>
[img]"lay_divider.gif"[/img]
[img]"lay_logo.gif"[/img]
[img]"lay_divider.gif"[/img]
</div>

linkje fout

niet werkt? ik heb het nu al op drie bakken met IE geprobeerd. Is gewoon identiek die code muv. dat in de goede alles op één line staat en bij de andere niet?!

edit: ik zie nu tot mijn verbazing dat het in FF op beide manieren fout gaat, maar waarom kan ik het dan in IE zo oplossen?! die code lines moeten toch geen verschillen uitkunnen maken?

[ Voor 37% gewijzigd door iH8 op 18-01-2005 17:10 ]

[r0bert]

whitespace (edit: tussen je html tags dus )?

code:

<div
   ><img src="lay_divider.gif" border="0"
   ><img src="lay_logo.gif" border="0"
   ><img src="lay_divider.gif" border="0"
></div>

[ Voor 36% gewijzigd door r0bert op 18-01-2005 17:12 ]

[Rowanov]

iH8 schreef op dinsdag 18 januari 2005 @ 17:02:
I

Er spoort iets niet aan de link naar je testcase, ik krijg alleen maar reclame

edit:
ik zie nu je andere topic; heropenen is niet gewenst en zo....

[ Voor 95% gewijzigd door Rowanov op 18-01-2005 17:14 ]

[iH8]

r0bert schreef op dinsdag 18 januari 2005 @ 17:11:
whitespace (edit: tussen je html tags dus )?

code:

<div
   ><img src="lay_divider.gif" border="0"
   ><img src="lay_logo.gif" border="0"
   ><img src="lay_divider.gif" border="0"
></div>

dat komt op mij volkomen onlogisch over, er zit gewoon iets fout en ik zou graag weten hoe en wat.

offtopic:
@Rowanov, Topic locked en ik kreeg een pushmsg niet dat dat jouw zaken zijn, ik ben in de verontstelling na gewoon netjes die shit ergens anders te hosten dat er geen problemen zijn wel? Of is office-automation ook al aanstootgevend? Dat je reclame krijgt op o-a.nl ligt niet aan o-a.nl anders neem ff de moeite om de source te bekijken van wat ik post. reclame

[Da Fox]

Hier in FF zien zowel Goed als Fout er identiek uit, _met_ 3spaces

[iH8]

iH8 schreef op dinsdag 18 januari 2005 @ 17:02:
edit: ik zie nu tot mijn verbazing dat het in FF op beide manieren fout gaat, maar waarom kan ik het dan in IE zo oplossen?! die code lines moeten toch geen verschillen uitkunnen maken?

daar kwam ik ook achter. snap er totaal niets van. zojuist een goed boek besteld. tijd dat ik deze dingen ook eens onder knie krijg.

[r0bert]

Heb je search al gebruikt? Zijn heel veel topics over geloof ik.. Ennuh, mijn post werkte idd niet

Dit werkt wel, maar is niet netjes en niet precies wat je zoekt..

code:

<div>
        [img]"http://www.office-automation.nl/testsite/lay_divider.gif"[/img]
        [img]"http://www.office-automation.nl/testsite/lay_logo.gif"[/img]
        [img]"http://www.office-automation.nl/testsite/lay_divider.gif"[/img]
</div>

[ Voor 34% gewijzigd door r0bert op 18-01-2005 17:34 ]

[Rowanov]

iH8 schreef op dinsdag 18 januari 2005 @ 17:20:

offtopic:
@Rowanov, Topic locked en ik kreeg een pushmsg niet dat dat jouw zaken zijn, ik ben in de verontstelling na gewoon netjes die shit ergens anders te hosten dat er geen problemen zijn wel? Of is office-automation ook al aanstootgevend? Dat je reclame krijgt op o-a.nl ligt niet aan o-a.nl anders neem ff de moeite om de source te bekijken van wat ik post. reclame

My bad, ik kon aan de hand van de sluitmessage niet afleiden dat het daar om ging.
Dat probleem wat je in IE hebt als je alles op een andere regel zet heet carriage return.
Je kan het gat wat je nu nog hebt oplossen met css:

Cascading Stylesheet:

img {
  border: 0;
  padding: 0;
  margin: 0;
}

Edit 2: ik neem aan dat dit een reduced testcase is, want het heeft ook vrij weinig met een suckerfish te doen op dit moment.

[ Voor 24% gewijzigd door Rowanov op 18-01-2005 19:22 ]