Probleme mit Vererbung und Kaskadierung in CSS?

  • Hallo Leute!


    Habe auf meiner Startseite eine Kopfleiste für die Titelzeile gemacht und
    diese Kopfleiste + Titelzeile verwende ich auch auf meinen Unterseiten!


    1. Frage: Wenn ich Sie auch auf meinen Unterseiten verwende muss ich dann
    nicht statt "id" auf eine "Klasse" umsteigen?


    2.Frage: Die Kopfzeile besteht aus einer Liste mit display: inline und auf einer
    anderen Unterseite habe ich weiter unten im body auch zwei Listen
    gemacht, da stimmt das Design aber ned mehr, kann das mit der
    Kopfleiste zusammenhängen?


    gr Pyro

  • 1) Ja, IDs sind eindeutige Bezeichner


    2) Schwer zu sagen ohne url oder Code *mit dem Zaunpfahl wink*
    Hast du im Body evtl noch andere Formatierungen, die die Liste beeinflussen (enthält eine Liste z.B. Links, die andere nicht?)

    Anstatt zu klagen was ihr wollt, solltet ihr dankbar sein, dass ihr nicht all das bekommt, was ihr verdient ;)
    ------------------------------------------
    Virtuelle Babyparty :D
    ------------------------------------------
    [COLOR="SeaGreen"]ich will mehr grüne kästchen!

  • 1. IDs darfst Du nur einmal pro html-Dokument verwenden, sprich: Du kannst IDs lassen.


    2. Du kannst ja für den body eine eigene Liste definieren, z.B.


    Code
    1. #hauptbereich li {
    2. inline:...;
    3. margin:...;
    4. padding:...;
    5. }


    und diese dann im hauptbereich verwenden.


  • Ja, das mit den Unterseiten hatte ich überlesen :o sorry!

    Anstatt zu klagen was ihr wollt, solltet ihr dankbar sein, dass ihr nicht all das bekommt, was ihr verdient ;)
    ------------------------------------------
    Virtuelle Babyparty :D
    ------------------------------------------
    [COLOR="SeaGreen"]ich will mehr grüne kästchen!

  • Hallo!


    Danke erstmal jetz weis ich das ich sie nur einmal pro Seite verwenden darf!


    Hm ja das mit dem Code, hab mir schon gedacht das ich den wohl reinposten muss, dasProblem is nur der is ziemlich umfangreich, da ich leider ned genau weis
    welcher Fehler mit welchem Teil vom Code zusammenhängt usw.


    Egal ich poste mal Teile des Codes:


    html:


    <h2>Text</h2>
    <ul id="Flirttipps">
    <li>Text</li>
    <li>Text</li>
    usw...
    </ul>
    <h2>Text</h2>
    <ul id="Flirttipps">
    <li>Text </li>
    <li>Text </li>
    usw...


    Genau bei dieser Liste macht er Probleme er zeigt Sie teilweise ohne Hintergrund an oder der Anfang der Liste ist ganz nach Links gerückt usw.


    CSS Code für die Kopfleiste oben, die befindet sich auf jeder Seite aber nur einmal:


    #Kopfleiste-Unten {
    border-top: 1px solid #7C5C1E;
    border-bottom: 1px solid #7C5C1E;
    height: 1%;
    }
    #Kopfleiste-Unten ul {
    list-style-type: none;
    margin: 0;
    padding: 0 30px 0 0;
    text-align: right;
    }
    #Kopfleiste-Unten li {
    display: inline;
    color: #7C5C1E;
    }
    #Kopfleiste-Unten a:link, #Kopfleiste-Unten a:visited {
    text-decoration: none;
    }
    #Titelzeile {
    margin: 0;
    padding: 0 0 0 5px;
    width: 63%;
    float: left;



    CSS Code der Seite wo das Problem ist:


    #Inhalt2 {
    margin: 0;
    padding: 10px;
    border: 1px solid #7C5C1E;
    background-color: #FFE3AD;
    color: black;
    height: 300px;
    }
    #Flirttipps {
    list-style-type: disc;
    line-height: 1.5em;
    padding: 0.4em 0 0.4em 0;
    }


    Hoffe hab euch die richtigen Teile des Codes reingepostet!


    gr Pyro

  • Scheinen die richtigen Teile zu sein. Ändere doch erstmal die IDs bei <ul id="Flirttipps"> in Klassen, damit wir dieses Problem schonmal ausschließen können.

    Anstatt zu klagen was ihr wollt, solltet ihr dankbar sein, dass ihr nicht all das bekommt, was ihr verdient ;)
    ------------------------------------------
    Virtuelle Babyparty :D
    ------------------------------------------
    [COLOR="SeaGreen"]ich will mehr grüne kästchen!

  • Ok hab ich gemacht also:


    <ul class="Flirttipps"> im html abgeändert!


    und


    im CSS


    .Flirttipps {
    list-style-type: disc;
    line-height: 1.5em;
    padding: 0.4em 0 0.4em 0;



    Hm wieder dasselbe Problem also im "Internet Explorer" verschwindet der
    Hintergrund (Inhalt2) unter der Liste...genauso wie vorher


    gr Pyro

  • Kannst du mal einen Link zu der Seite posten bitte?

    Anstatt zu klagen was ihr wollt, solltet ihr dankbar sein, dass ihr nicht all das bekommt, was ihr verdient ;)
    ------------------------------------------
    Virtuelle Babyparty :D
    ------------------------------------------
    [COLOR="SeaGreen"]ich will mehr grüne kästchen!

  • mogidala


    Würde ich gern tun, aber leider ist das alte Design hochgeladen und das
    war noch ohne CSS also hauptsächlich mit Tabellen und veraltet,
    das neue CSS Design hab ich noch nicht hochgeladen leider!


    gr Pyro