CSS wrapping probleem in IE 7

[Triumph-Design]

Hi,

Ik ben op dit moment bezig met een zogenaamde webring.

In firefox is het nu perfect, precies wat ik wil.

Maar in IE7 (heb 8 hier nog niet, zou eventueel thuis kunnen testen).
Wrappen de webring items. Dit hoort niet het moet gewoon blijven staan als de pagina geminimaliseerd word bijv.

link hier: http://www.belegger.nl/nieuw/webring/smmwebring.php
css hier: http://www.belegger.nl/nieuw/webring/webring.css

Ik heb uiteraard al een boel geprobeerd, de div een breedte mee geven, white-space: nowrap; op alle elementen. Werkt allemaal niet, display: block; werkte ook niet, zo doe ik het normaal altijd met een horizontaal menu bijvoorbeeld.

Ik hoop dat iemand hier nog iets weet, of ziet wat er mis gaat.

Mijn dank zou groot zijn!

[ReseTTim]

ik heb IE7 en Firefox geprobeerd, beide resulteren in hetzelfde beeld. dus ik zie 1-2-3 niet wat het probleem is.. misschien een idee om een screenshot te posten wat je probleem is..

http://browsershots.org/
^^ geweldige website en hoef je niet IE8.0 te hebben om je website te checken

[ Voor 45% gewijzigd door ReseTTim op 07-05-2009 16:33 ]

[BtM909]

ReseTTim schreef op donderdag 07 mei 2009 @ 16:31:
ik heb IE7 en Firefox geprobeerd, beide resulteren in hetzelfde beeld. dus ik zie 1-2-3 niet wat het probleem is.. misschien een idee om een screenshot te posten wat je probleem is..

resize je browser size eens

http://browsershots.org/
^^ geweldige website en hoef je niet IE8.0 te hebben om je website te checken

Gaat niet werken hier, want die geeft alleen fullscreen screen shots.

Kan je beter IETester (IE5.5, 6, 7 en 8 ) installeren

[Gersomvg]

Je bedoelt dat het naar onder verschuift? Dat is in IE8 ook zo te zien.. (@ BtM909; getest met IETester uiteraard )

[ Voor 24% gewijzigd door Gersomvg op 07-05-2009 16:37 ]

[Triumph-Design]

Gersompie schreef op donderdag 07 mei 2009 @ 16:37:
Je bedoelt dat het naar onder verschuift? Dat is in IE8 ook zo te zien..

klaarblijkelijk...

Als je zeg maar de pagina in IE7 zou minimaliseren (je window smaller maken) zou de tekst moeten blijven staan ook al maak je je window 100px breed. In firefox gebeurd dat, tekst blijft netjes staan.

In IE7 verdwijnt de volledige tekst als je window te smal wordt.

dat is het probleem

[ Voor 26% gewijzigd door Triumph-Design op 07-05-2009 16:38 ]

[MueR]

Begin eens met je pagina niet in Quirks mode te laten renderen, door gewoon valide HTML te gebruiken. Verder is het toevoegen van "-moz" CSS properties loos, want die doet IE toch niet. Zijn ook niet valid trouwens.

Als ik hem in Standards mode forceer, gaat ie goed.

[ Voor 11% gewijzigd door MueR op 07-05-2009 16:38 ]

[BtM909]

Zet ff je pagina trouwens goed op

Beetje nette doctype en je probleem is weg

[Triumph-Design]

BtM909 schreef op donderdag 07 mei 2009 @ 16:39:
Zet ff je pagina trouwens goed op

Beetje nette doctype en je probleem is weg

zou je denken? hmm maar is proberen

[Gersomvg]

Misschien is het ook een idee als je even een head en body maakt
edit; te laat xD

[ Voor 19% gewijzigd door Gersomvg op 07-05-2009 16:41 ]

[ReseTTim]

BtM909 schreef op donderdag 07 mei 2009 @ 16:34:
resize je browser size eens

had ik gedaan.. maar blijkbaar niet ver genoeg

Gaat niet werken hier, want die geeft alleen fullscreen screen shots.

gelijk, maar misschien is het wel handig voor hem in de toekomst

[Triumph-Design]

BtM909 schreef op donderdag 07 mei 2009 @ 16:39:
Zet ff je pagina trouwens goed op

Beetje nette doctype en je probleem is weg

zou nu nog een verkeerd doctype kunnen zijn maar ik denk dat het probleem dieper ligt en wel in de css.

maar ik kan het ook fout hebben, doctype head en body toegevoegd, werkt nog niet naar behoren.

[moozzuzz]

In IE6 (zit op m'n werk :^) heb ik in elk geval het door jou gewenste effect...

Mag je een breedte opgeven aan de #swr-smm-webring ul of kan dat niet?

[Triumph-Design]

moozzuzz schreef op donderdag 07 mei 2009 @ 17:09:
In IE6 (zit op m'n werk :^) heb ik in elk geval het door jou gewenste effect...

Mag je een breedte opgeven aan de #swr-smm-webring ul of kan dat niet?

idd, dat was het

oplossing was:

width: 1000px;
margin: 0 auto;

aan #swr-smm-webring ul toevoegen

bedankt allen

[BtM909]

Triumph-Design schreef op donderdag 07 mei 2009 @ 17:11:
[...]


idd, dat was het

oplossing was:

width: 1000px;
margin: 0 auto;

aan #swr-smm-webring ul toevoegen

bedankt allen

Dat is niet de oplossing hoor, maar ja... Het 'lijkt' te werken dus

---

Wat voor code heb je precies gebruikt, waardoor het nog steeds niet werkte?

[ Voor 11% gewijzigd door BtM909 op 07-05-2009 18:36 ]

[MueR]

Goh, mijn oplossing was IE gewoon Standards Mode forceren, zonder verdere CSS wijzigingen. Met andere woroden, als je gewoon een valid html pagina er uit poept, zou je probleem echt opgelost moeten zijn, in veel meer browsers. Hij staat namelijk nog steeds in Quirks mode.

Lees en fix.

[ Voor 29% gewijzigd door MueR op 08-05-2009 10:29 ]

[telefoontoestel]

Misschien is het ook handig om er een min-width en/of max-width aan te geven. Op deze manier kan je een width in % opmaken om het beeld vullend te maken in hogere resoluties, maar bij verkleinen van het beeld dat het niet kleiner/groter wordt dan de door jouw gewenste maten.

[MueR]

Hmm, zo te zien aan de site waar je nu uitkomt als je de links volgt, maakt ze dat niet veel uit... 481 errors