[css] twee lijsten, IE maakt tweede lijst maar half zo breed - Softwareontwikkeling

vrijdag 1 oktober 2004 23:57

Acties:

Flipje uit Tiel

Topicstarter

Hoi,

Heb een pagina waarin twee lijsten staan. De lijsten zijn zodanig gestyled dat ieder list item (bijna) 50% breed is. Door vervolgens ook een float: left toe te voegen onstaan twee kolommen.
De twee lijsten staan achter elkaar. Mocht de eerste lijst een oneven aantal items bevatten, dan zou de tweede lijst door de float precies in dit gat dienen te vallen, en netjes doorgaan. In een normale situatie zou het dus op het eerste gezicht niet zichtbaar zijn dat er sprake is van twee afzonderlijke lijsten, aan het einde haken ze netjes in elkaar, en gaat het als een geheel verder.

Nu is het zo dat de tweede lijst per definitie onzichtbaar is. Ik heb na de eerste lijst een block item toegevoegd, waarmee middels javascript, dit item zelf wordt verborgen, en de tweede lijst ook wordt weergegeven.

In Firefox, werkt dit prima. In IE6 echter, werkt de switch wel, maar indien de eerste lijst een oneven aantal items bevat, wordt de tweede lijst geheel in deze kolom weergegeven. De items in de tweede lijst worden daardoor slechts 25% breed. Niet helemaal de bedoeling. Weet iemand hoe ik dit op kan lossen?

Een kleine illustratie:

code:

bedoeling is:
+-------------------+-------------------+
|      lijst 1      |      lijst 1      |
+-------------------+-------------------+
|      lijst 1      |      lijst 2      |
+-------------------+-------------------+
|      lijst 2      |      lijst 2      |
+-------------------+-------------------+


wat IE6 doet:
+-------------------+-------------------+
|      lijst 1      |      lijst 1      |
+-------------------+---------+---------+
|      lijst 1      | lijst 2 | lijst 2 |
+-------------------+---------+---------+
                    | lijst 2 |
                    +---------+

Through meditation I program my heart to beat breakbeats and hum basslines on exhalation -Blackalicious || *BetuweKees was AFK; op de fiets richting China en verder

zaterdag 2 oktober 2004 00:00

Acties:

André

Analytics dude

Layers gebruiken of na elke lijst een break plaatsen? Of is dat geen optie?

zaterdag 2 oktober 2004 13:59

Acties:

X-Lars

Just GoT it.

Of (deze) <li>-elementen ook een breedte meegeven? Of is dat geen optie?

zaterdag 2 oktober 2004 14:04

Acties:

Not Pingu

Dumbass ex machina

code:

<html>
<head>
    <style type="text/css">
    
        ul
        {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        
        ul li
        {
            display: block;
            height: 20px;
            background-color: #f00;
            margin: 2px;
            width: 40%;
            float: left;
        }
    
    </style>
</head>
<body>

    <ul>
        <li>EenA</li>
        <li>EenB</li>
        <li>EenC</li>
    </ul>
    
    <ul>
        <li>TweeA</li>
        <li>TweeB</li>
        <li>TweeC</li>
    </ul>

</body>
</html>

Werkt perfect in IE6. Hoe heb je je lijsten gemaakt? UL's of anders?

Misschien een foutje met het afsluiten van de eerste lijst waardoor lijst 2 een kindje van lijst 1 is en de items daarvan dus 50% van 50% breed worden?

[ Voor 31% gewijzigd door Not Pingu op 02-10-2004 14:06 ]

Certified smart block developer op de agile darkchain stack. PM voor info.

maandag 4 oktober 2004 22:37

Acties:

BetuweKees

Flipje uit Tiel

Topicstarter

zo ben je een dagje weg en meteen vind je je topic nergens meer terug..

heb de sample van Gunpoint net getest, ook met een javascript dingtje erbij om de tweede lijst te laten zien/verbergen en werkt inderdaad perfect. zal er waarschijnlijk toch weer op neer komen dat er ergens een foutje zit in mijn pagina waardoor ie een en ander niet leuk vindt.

@lars de li's in mijn lijst had ik reeds voorzien van een breedte, die heeft geen effect.
zou op zich een link naar site kunnen posten, ware het niet dat ik zojuist zie dat de lijst momenteel uit een even aantal items bestaat. niet echt zinvol dus.
ik ga lekker

door m'n broncode graven denk ik..

Through meditation I program my heart to beat breakbeats and hum basslines on exhalation -Blackalicious || *BetuweKees was AFK; op de fiets richting China en verder