Autor Zpráva
Luca.m
Profil *
Ahoj.
Mám seznam <ul> a jeho položky mají nastavený float. Ten seznam je umístěn na nějakém divu. A já bych chtěla, aby ten div byl roztažený, ale to se mi nedaří udělat.
Přidávám sem kousek kódu, na který bych to potřebovala. Jedná se o <div class="bbb">, který bych chtěla aby měl červené pozadí a byl roztažený na celou šířku stránky.

<style>
        .bbb {
            background-color: red;
        }
        .bbb ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        
        .bbb li {
            float: left;
            background-color: blue;
        }
        
        .ccc {
            clear: both;
            background-color: olive;
        }
    </style>
    
    <div class="aaa">
        <div class="bbb">
            <ul>
                <li>XXX1</li>
                <li>XXX2</li>
            </ul>
        </div>
        <div class="ccc">XXX</div>
    </div>
Plaváček
Profil
Luca.m:

Nedala jsi moc informací, tak zkusím věšteckou kouli. Nastav tomu DIVu (případně i vnořenému seznamu UL) toto:

.bbb {
            width: 100%;
            overflow: hidden
        }
Luca.m
Profil *
No, já bych chtěla, aby ten <div class="bbb"> byl roztažený na celou šířku stránky. To jsou tak nějak všechny informace, které k tomu jsou potřeba. Ale prostě se mi nedaří napsat ty styly, abych viděla ten červený div. V tom stavu jakém jsem to sem poslala, ten červený div není vůbec vidět.
panther
Profil
Luca.m:
a co radil Plaváček (a já to měl taky rozepsané) jsi zkoušela? Podle mě je to správná úvaha.

Pokud to nepomůže, dodej prosím odkaz na web.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0