[css] Lijst niet laten inspringen werkt niet in firefox - Softwareontwikkeling

zaterdag 2 februari 2008 14:12

Acties:

Topicstarter

Ik ben bezig met het opzetten van een lay-out voor een nieuwe website.
Hierin maak ik gebruik van een lijst waarin een aantal links staan. Het is de bedoeling dat deze lijst direct links "tegen" de "rand" van een div geplaatst wordt.

Normaal springt een lijst in. Door margin(-left) op 0px te zetten zou de lijst niet meer in moeten springen. Dit werkt perfect in Internet Explorer 7, maar in FireFox 2 werkt dit niet, de lijst blijft links inspringen.

Wanneer ik margin-top aanpas naar 0px luistert firefox wel goed. Wat doe ik fout? Ik heb wat rondgezocht op internet, maar daar wordt overal aan gegeven dat je dit met margin(-left) aan kunt passen.

Een kleine test pagina om mijn probleem aan te geven:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="nl">
    <head>
        <style type="text/css">
            
            ul.comingUp
            {
                color: #FFFFFF;
                list-style:none;
                width:inherit;
                margin: 0px;
            }

            li.comingUpItem
            {
                margin: 0px;
                padding: 0px;
            }
            
            #box
            {
                width: 400px;
                height: 300px;
                background-color: black;
                color: white;
            }
                        
        </style>    
    </head>
    
    <body>
        <div id="box">
            Coming up:
            <ul class="comingUp">
                <li class="comingUpItem"><a href="#">Item 1</a></li>
                <li class="comingUpItem"><a href="#">Item 2</a></li>
                <li class="comingUpItem"><a href="#">Item 3</a></li>
            </ul>
        </div>
    
    </body>
</html>

...

zaterdag 2 februari 2008 14:17

Acties:

crisp

Devver

Pixelated

padding van je ul ook op 0 zetten

Intentionally left blank

zaterdag 2 februari 2008 14:32

Acties:

IceM

Topicstarter

crisp schreef op zaterdag 02 februari 2008 @ 14:17:
padding van je ul ook op 0 zetten

Tnx, werkt perfect.

...

zaterdag 2 februari 2008 14:34

Acties:

Sebazzz

3dp

Kan er voor dit soort dingetjes niet beter een kleine-vraagjes topic geopend worden?

[Te koop: 3D printers] [Website] Agile tools: [Return: retrospectives] [Pokertime: planning poker]

zaterdag 2 februari 2008 14:37

Acties:

Verwijderd

Sebazzz schreef op zaterdag 02 februari 2008 @ 14:34:
Kan er voor dit soort dingetjes niet beter een kleine-vraagjes topic geopend worden?

Eigenlijk niet. Mensen moeten gewoon Firebug installeren. Dit is zo basic dat iedereen het zelf ook wel moet kunnen oplossen. Het is geen rocket science ofzo.