Toon posts:

[html] afbeeldingen buiten DIV in andere browser dan IE

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik ben bezig om een site te bouwen voor een vereniging... nu heb ik alles netjes in elkaar gedraaid om vanuit te gaan werken, en bedacht ik me ( veeeeeel te laat) dat er natuurlijk ook mensen zijn die niet met IE werken.. dus ik test die site met mozilla... en daar vallen opeens alle afbeeldingen buiten de div, waardoor het geheel niet echt handelbaar wordt.. kan iemand me misschien uitleggen waarom dat is ( een trap richting een goeie hint )?

dit is de url:

http://homepages.svc.fcj....ipel_Test/pages/index.asp

ik zit al op de welbekende www.w3schools.org te kijken naar de divjes, maar hoop dat er nog meer mensen zijn die me kunnen helpen

  • disjfa
  • Registratie: April 2001
  • Laatst online: 12-05 15:11

disjfa

be

Omdat IE de css width niet goed ondersteund en er een soepje van maakt.

IE rekt nl widht die in de css gedefinieerd zijn gewoon uit en andere browsers niet :) Bedenk een css hack voor andere browsers met _width: en min-width zodat het overal werkt of zoek oplossingen.

disjfa - disj·fa (meneer)
disjfa.nl


Verwijderd

disjfa schreef op 27 maart 2004 @ 12:07:
Omdat IE de css width niet goed ondersteund en er een soepje van maakt.

IE rekt nl widht die in de css gedefinieerd zijn gewoon uit en andere browsers niet :) Bedenk een css hack voor andere browsers met _width: en min-width zodat het overal werkt of zoek oplossingen.
Dat wordt dus geen hack, maar een correcte implementatie genoemd. Hacken is dat als je iets correct maakt en het dan nog niet werkt, dat je er dan om heen werkt.

Verwijderd

<div align="right">

Tja eh, het align attribuut is deprecated, en waarschijnlijk wordt er achter de schermen gewoon voor gezorgd dat het element aan de rechterkant 'float'. En floatende elementen rekken hun parent element niet op, ze vallen er gewoon buiten als ze te groot zijn.

Verder kun je de ruimte tussen de plaatjes op een paar manieren wegwerken:

- <td>, <img /> en </td> tags op één regel zetten, zonder whitespace ertussen
- CSS property display: block; toekennen aan de img elementen in de td's
- CSS property vertical-align: top; (of bottom) toekennen aan de img elementen in de td's

Verwijderd

Topicstarter
aigt, thnx voor de snelle reply's.. ik ga es zoeken naar die tips en iig die ruimte in de code wat opschonen dan ( meteen es wat veranderen aan die mouseover meuk van dreamweaver.. :X )