overflow in internet explorer, wat is een alternatief? - Softwareontwikkeling

maandag 2 januari 2006 01:44

Acties:

Topicstarter

beste mensen,

ik ben deze vakantie beetje aan't werkt geweest, en heb een siteje gebouwd.
Ik loop hierin echter tegen een probleem aan in internet explorer.

de overflow property wordt niet goed behandeld. In firefox worden bij een 'overflow:hidden;' netjes alles ge'hide' maar in IE worden ze naar de nieuwe regel geplaatst.

voor mensen die niet snappen wat het probleem is:
dit is me site,
als je dubbelklikt op het icoon verschijnt een schermpje, als je die resized zal je zien dat het probleem optreed (in IE). Het schermpje word dan echt afzichtelijk, en dit wil ik (natuurlijk) fixen.

Heeft iemand een idee wat ik kan doen om IE toch regels te hidden of het iig beter te maken dan het nu is?

verder heb ik nog een ander vraagje:
is het mogelijk om in firefox (en safari) het selecteren van text te disablen? (zoals op me site voor IE al het geval is)

nog een laatste vraagje:
zijn er manieren op het cpu gebruik van me site wat in te perken? bij het resizen van een window vreet zowel firefox als IE 99% cpu. IE gaat daar niet zo fijn mee om...

[ Voor 5% gewijzigd door BasieP op 02-01-2006 01:45 ]

This message was sent on 100% recyclable electrons.

maandag 2 januari 2006 10:25

Acties:

Verwijderd

ik neem aan dat dit komt doordat je de divjes met de filesize laat floaten. Dit lijkt mij nu net een geval waarin je ipv divjes juist wel tables zou moeten gebruiken, en dan denk ik dat je probleem is opgelost.

maandag 2 januari 2006 12:32

Acties:

BasieP

Topicstarter

Verwijderd schreef op maandag 02 januari 2006 @ 10:25:
ik neem aan dat dit komt doordat je de divjes met de filesize laat floaten. Dit lijkt mij nu net een geval waarin je ipv divjes juist wel tables zou moeten gebruiken, en dan denk ik dat je probleem is opgelost.

ik heb op die plek idd al meerdere elementen geprobeerd.
met text elementen (span oid) is het zo dat de text dan naar de volgende regel gaat.
met block elementen (div) werkt het in FF wel goed, maar in IE kunnen block elementen niet kleiner worden dan de langste text die er in zit (zoals nu bij mij dus)
als ik tables gebruik zal de tabel in zijn totaal inkrimpen wanneer ik het window resize, maar zal de text in de cellen ook gewoon naar nieuwe regel toe gaan.
dit natuurlijk niet wanneer ik er block elementen van maak, maar dan kan ik er weer net zo goed divjes van maken

vandaar mijn probleem

This message was sent on 100% recyclable electrons.

maandag 2 januari 2006 12:57

Acties:

Sappie

De Parasitaire Capaciteit!

Je zou het op onderstaande manier op kunnen lossen (tenminste als ik je probleem goed heb begrepen). Ik heb alleen nog last van de 3px bug (die ik ff op een ranzige manier heb omzeild) en heb er nog niet verder naar gekeken. Ga ik strax ff doen; heb nu ff geen tijd meer, maargoed misschien kun je er alvast iets mee.

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>test</title>
  <style type="text/css">      
      div.file {
                cursor: default;
                vertical-align: middle;
                line-height: 18px;
                height: 18px;
                width: 205px;
                overflow: hidden;
            }

            div.file div.name {
                float: left;
                width: 165px;
                background-color: red;
            }

            div.file div.size {
                text-align:right;
                width: 40px;
                _width: 37px; /* 3px IE bug */
                overflow: hidden;
                background: blue;
            }
    </style>
</head>
<body>
    <div class="file">
        <div class="name">test</div>
        <div class="size">123kb</div>
    </div>
    <div class="file">
        <div class="name">test</div>
        <div class="size">123kb</div>
    </div>
    <div class="file">
        <div class="name">test</div>
        <div class="size">123kb</div>
    </div>
</body>
</html>

offtopic:
verder vind ik het wel geinig wat je gemaakt heb. Ben ook eens aan een ajax file browser (icm treeview) begonnen, maar vanwege tijd en rommelige javascript (en de afwezige zin om het te herstructureren) ben ik er maar mee gestopt

[ Voor 43% gewijzigd door Sappie op 02-01-2006 12:59 ]

Specs | Audioscrobbler

maandag 2 januari 2006 13:24

Acties:

Verwijderd

en als je nou toch een table gebruikt en de td's een white-space: nowrap geeft? dan gaan je teksten niet meer naar de volgende regel.

maandag 2 januari 2006 14:09

Acties:

BasieP

Topicstarter

tnx mensen ik ben er uit

adhv het voorbeeld van sappie zag ik dat de overflow: hidden niet op 'file' oid moest staan, maar op divje er omheen.
(in mijn code dus het hele window.)

doordat mijn window geen overflow had, en ik in me window een 'content' divje had die overflow:auto was, ging IE me window oprekken om de content div er in te passen..

anyway het werkt

This message was sent on 100% recyclable electrons.