[CSS] phänomen beim umbruch

**wahsaga** · 20-01-2004, 17:54

Re: [CSS] phänomen beim umbruch

#alldomains li a
{
display: inline;
width: 100%;

inline-elemente haben kein width.

und da du dann auch noch
#alldomains li
mit display: inline; formatierst, frage ich mich worauf du die 100% bereite überhaupt bezogen sehen möchtest ...?

ich würde vielleicht eher versuchen, die <li> und die darin liegenden <a> mit display:block zu definieren, ihnen (den <li>) eine feste breite zuzuweisen, und sie dann über float:left wieder nebeneinanderstellen ...

**wahsaga** · 20-01-2004, 19:04

Re: Re: [CSS] phänomen beim umbruch

ich vergaß noch, inline elemente können nicht nur keine width-angabe haben, sondern auch keine margins.

mein erster schnellschuss mit gefloateten <li> sähe so aus ...

**Abraxax** · 20-01-2004, 22:43

danke für deinen tipp. das sieht echt genial aus...

so in etwas habe ich mir das auch vorgestellt. morgen kann ich mich damit intensivst beschäftigen.

das mit den 100% und inline usw waren mehr oder weniger alles tests von mir, weil das irgendwie nicht so funktioniert hatte, wie ich es wollte.

wenn ich noch was haben sollte, melde ich mich morgen wieder dazu.

**Abraxax** · 21-01-2004, 09:59

also.... ich habe jetzt mal ein wenig hin und her probiert um mir deinen 'container' und den 'clearer' zu ersparen. aber nix ist...

deine lösung ist also scheinbar die einzig sinnvolle.

anbei noch meine (leicht) veränderte css ...

Code:

#alldomains
{
    display: block;
    border: 1px solid #666666;
    margin: 0 auto;
}

#alldomains ul
{
    display: block;
    margin: 0px;
}

#alldomains ul li
{
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
}

#alldomains ul li a
{
    display: block;
    width: 170px;
    border: 1px solid #666666;
    margin: 20px;
    padding: 20px 0;
    text-decoration: none;
    color: #333333;
    font-weight: bold;
}

#alldomains ul li a:hover,
#alldomains ul li a:active,
#alldomains ul li a:focus
{
    border-color: #FF6600;
    background-color: #eeeeee;
}

#alldomains #clearer
{
    clear: left;
}

zum html-code:
bei mir ist dein 'container' 'alldomains'. das <ul> hat keine id mehr.

[CSS] phänomen beim umbruch