• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Vererbung aufheben

burn4ever

Mitglied
Hallo,
ich habe eine ungeordnete Liste als Menü in meinem html5 <nav> Tag.
In diesem Tag befindet sich aber eine weitere ul (class="submenue") welche nicht von meinen NAV css erben soll.
Ich habe dieses zweite Liste bereits mit einer anderen Klasse versehen aber Befehle wie z.B position:fixed; greifen nicht.

Hintergrund:
die Klassen "menue" und "acitem" werden mittels javascript als according Menü behandelt. Ich möchte aber das die Klasse "submenue" an seiner position fix ist und nicht durch den according-Effekt auf der Y Achse verschoben wird.

Kann jemand helfen?

HTML:
<nav>
<ul class="menu">
    <li><a href="">home</a></li>
    <li><a href="">biografie</a>
<ul class="acitem">
        <li><a href="">Untermenu1</a></li>
        <li><a href="">Untermenu2</a></li>
        <li><a href="">Untermenu3</a></li>
        <li><a href="">Untermenu4</a></li>
        <li><a href="">KFZ-Beklebung</a></li>
</ul>
 </li>
    <li class="current_page_item"><a href="" >Sonstiges</a>
<ul class="acitem">
        <li><a href="">Untermenu1</a></li>
        <li><a href="">Untermenu1</a></li>
        <li><a href="">Untermenu1</li>
        <li><a href="">Untermenu1</li>
</ul>
</li>
</ul>

<h5 class="submenue-headline">Submenue</h5>
<ul class="submenue">
    <li><a href="" >Sub1</a></li>
    <li><a href="" >Sub2</a></li>
    <li><a href="" >Sub3t</a></li>
</ul>
</nav>
 
Werbung:
Code:
/*Browser Reset*/
/*+clearfix {*/
NAV:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}
NAV
{
    display: inline-block;
}
NAV
{
/*\*/
    display: block;
/**/
    -height: 1px;
}
/*+}*/
HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, B, U, I, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD, ARTICLE, ASIDE, CANVAS, DETAILS, EMBED, FIGURE, FIGCAPTION, FOOTER, HEADER, HGROUP, MENU, NAV, OUTPUT, RUBY, SECTION, SUMMARY, TIME, MARK, AUDIO, VIDEO
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
/*font: inherit 1em sans-serif;*/
    vertical-align: baseline;
}
/*HTML5 display-role reset for older browsers*/
ARTICLE, ASIDE, DETAILS, FIGCAPTION, FIGURE, FOOTER, HEADER, HGROUP, MENU, NAV, SECTION
{
    display: block;
}
BODY
{
    line-height: 1;
}
OL, UL
{
    list-style: none;
}
BLOCKQUOTE, Q
{
    quotes: none;
}
BLOCKQUOTE:before, BLOCKQUOTE:after, Q:before, Q:after
{
    content: '';
    content: none;
}
TABLE
{
    border-collapse: collapse;
    border-spacing: 0;
}
/*Browser Reset ENDE*/



@font-face
{
    font-family: BrawlerRegular;
    src: url('../fonts/Brawler-webfont.eot');
    src: url('../fonts/Brawler-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Brawler-webfont.woff') format('woff'), url('../fonts/Brawler-webfont.ttf') format('truetype'), url('../fonts/Brawler-webfont.svg#BrawlerRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
BODY
{
    font-family: BrawlerRegular, Arial;
    font-size: 100%;
    background-color: #1A171B;
}
#container
{
    width: 950px;
    height: 1066px;
    margin: 0 auto;
    background: #383838 url(../img/bg.jpg) no-repeat top left;
/*background-size:950px 1066px;*/
}

/*Anfang HEADER*/
HEADER
{
    width: 950px;
    height: 180px;
    background-color: #FFF;
}
#logo
{
    float: left;
    border: 0;
    width: 450px;
    height: 180px;
}
#logo IMG
{
    border: 0;
}
#auflistung
{
    float: right;
    font-size: 85%;
    color: #BB1217;
    margin: 5px 0 0;
}
#auflistung LI
{
    list-style-type: none;
    text-align: right;
    padding: 0px 38px 0px 0px;
    margin: 6px -7px 0px 0px;
}
/*Ende HEADER Anfang BALKEN grau*/
#balken
{
    clear: both;
    width: 950px;
    height: 65px;
    background-color: #383738;
    opacity: 0.75;
}
/*Ende BALKEN grau Anfang NAVI*/
#linie_menue
{
    float: left;
    width: 2px;
    background: #BB1217;
    margin: 0px 0px 0px 35px;
    height: 821px;
}
NAV
{
    float: left;
    width: 215px;
    font-size: 14px;
    color: #FFFFFF;
    margin: 25px 0px 0px -7px;
}
NAV UL
{
    margin: 0px;
    padding: 0px;

}
NAV LI
{
    list-style-type: none;
    display: block;
    background: url(../img/sprite_menue.png) no-repeat -217px 2px;
    margin: 0px;
    padding: 0px 0px 6px 20px;

}
NAV LI A
{
    text-decoration: none;
    color: #FFFFFF;
}
NAV LI.current_page_item
{
    text-decoration: none;
    color: #FFFFFF;
    background: url(../img/sprite_menue.png) no-repeat -1px 1px;
}
NAV LI A:hover
{
    color: #BB1217;
}
/*SUBMENU*/
NAV UL LI UL LI
{
    margin: 10px 0px 10px 10px;
    background-image: none;
    font-size: 90%;
    padding: 0px;


}

/*ENDE SUBMENU Anfang MENUE UNTEN*/
.submenue-headline
{
    margin: 299px 0px 0px 7px;
    padding: 0px 0px 0px 13px;

}
.submenue
{
    margin: 4px 0px 0px;
    padding: 0px;
    
}

H5
{
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    margin: 0px;
    border-bottom: 2px solid #BB1217;
    padding: 0px;
    width: 80px;
}
/*Ende NAVI und MENUE UNTEN INHALT*/
SECTION
{
    float: left;
    width: 550px;
    border: 2px solid #BB1217;
    margin: -65px 0px 0px;
    position: relative;
}
.headline
{
    background-color: transparent !important;
    margin: -45px 0px 0px;
    position: absolute;
    color: #FFFFFF;
    padding: 0px 0px 0px 4px;
    font-size: 20px;
    font-weight: normal;
}
ARTICLE P
{
    padding: 0px 20px 10px;
    color: #FFFFFF;
}
ARTICLE
{
    background: #BB1217;
    background: rgba(189, 5, 24, 0.8);
    background-clip: content-box;
    -webkit-background-clip: content-box;
    margin: 63px 0px 0px;
    padding: 0px 4px 4px;
    line-height: 1.3em;
    letter-spacing: 0.09em;
    font-size: 75%;
}
ARTICLE IMG
{
    display: block;
    margin: 0px auto 15px;
    padding: 15px 0px 0px;
}
ASIDE
{

    width: 151px;
    height: 90px;
    float: left;
}
/*Ende INHALT*/
FOOTER
{
    height: 20px;
    width: 950px;
    /*[disabled]background-color:#C91010;*/
    clear: both;
    margin: 0px;
    padding: 0px;
}

.submenue {
position:fixed;
}

bringt mich leider nicht zum gewünschten Ziel.
 
Werbung:
Also "nicht erben" geht nicht. Du müsstest lediglich die Eigenschaften auf die tatsächlich gewünschten Werte zurücksetzen und dabei auch beachten mit welchen Pfaden und in welcher Reihenfolge innerhalb des CSS-Codes Du die vorherigen Eigenschaften definierst.

Das hier geht z.B. nicht:
Code:
nav ul
{
    margin: 0px;
    padding: 0px;

}
.submenue
{
    margin: 4px 0px 0px;
    padding: 0px;
    
}

Wenn Du mal im Firebug schaust, wirst Du sehen, dass die Eigenschaften durch die Klasse nicht überschrieben werden sondern erstere Definition die Klassen-Eigenschaften überschreibt. Richtig wäre es so:

Code:
[code]nav ul
{
    margin: 0px;
    padding: 0px;

}
nav ul.submenue
{
    margin: 4px 0px 0px;
    padding: 0px;
    
}

Hinweis: achte auch auf die Groß-/Kleinschreibung für Elemente. Da sie im HTML-Code klein geschrieben werden, sollten sie es das auch im CSS-Code sein. Die meisten Browser gehen damit tolerant um, aber wenn Du sauber kodieren willst, solltest Du darauf achten.
 
Okay,
eigentlich habe ich es geschnallt ;-) Nur bekomme ich das noch nicht ganz hin.
Ich habe mir das mal im Firebug angesehen. Der Zeigt mir an das die Klasse .submenue sich in den divs #container und #nav befindet:
Bildschirmfoto 2012-03-18 um 09.43.50.jpg

wenn ich jetzt die Klasse .submenue folgendermaßen anspreche:
HTML:
nav H5.submenue{
    position:absolute;
    margin: 299px 0px 5px 7px;
    padding: 0px 0px 0px 13px;
}
greift das zwar css aber margin-top (299px) wird immer noch am "nav" Tag ausgerichtet und nicht auf den gesamten container. Trotz position:absolute;
 
Werbung:
Code:
[CODE]
 
 /*Browser Reset*/
 /*+clearfix {*/
 NAV:after
 {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
     font-size: 0;
 }
 NAV
 {
     display: inline-block;
 }
 NAV
 {
 /*\*/
     display: block;
 /**/
     -height: 1px;
 }
 /*+}*/
 HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6,  P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL,  DFN, EM, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, SUB, SUP, TT,  VAR, B, U, I, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL,  LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD, ARTICLE, ASIDE,  CANVAS, DETAILS, EMBED, FIGURE, FIGCAPTION, FOOTER, HEADER, HGROUP,  MENU, NAV, OUTPUT, RUBY, SECTION, SUMMARY, TIME, MARK, AUDIO, VIDEO
 {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
 /*font: inherit 1em sans-serif;*/
     vertical-align: baseline;
 }
 /*HTML5 display-role reset for older browsers*/
 ARTICLE, ASIDE, DETAILS, FIGCAPTION, FIGURE, FOOTER, HEADER, HGROUP, MENU, NAV, SECTION
 {
     display: block;
 }
 BODY
 {
     line-height: 1;
 }
 OL, UL
 {
     list-style: none;
 }
 BLOCKQUOTE, Q
 {
     quotes: none;
 }
 BLOCKQUOTE:before, BLOCKQUOTE:after, Q:before, Q:after
 {
     content: '';
     content: none;
 }
 TABLE
 {
     border-collapse: collapse;
     border-spacing: 0;
 }
 /*Browser Reset ENDE*/
 
 
 BODY
 {
     font-family: Verdana, Arial;
     font-size: 100%;
     background-color: #1A171B;
 }
 #container
 {
     width: 950px;
     height: 940px;
     margin: 0 auto;
     background: #383838 url(img/bg-werbezentrum-hamburg.jpg) no-repeat top left;
 
 }
 /*Anfang HEADER*/
 HEADER
 {
     width: 950px;
     height: 187px;
     background-color: #FFF;
 }
 #logo
 {
     float: left;
     border: 0;
     width: 450px;
     height: 180px;
 }
 #logo IMG
 {
     border: 0;
 }
 #auflistung
 {
     float: right;
     font-size: 75%;
     color: #BB1217;
     margin: 5px 0 0;
 }
 #auflistung LI
 {
     list-style-type: none;
     text-align: right;
     padding: 2px 25px 0px 0px;
     margin: 6px -7px 0px 0px;
 }
 /*Ende HEADER
 Anfang BALKEN grau*/
 #balken
 {
     clear: both;
     width: 950px;
     height: 65px;
     background-color: #383738;
     opacity: 0.75;
 }
 /*Ende BALKEN grau
 Anfang NAVI*/
 #linie_menue
 {
     float: left;
     width: 2px;
     background: #BB1217;
     margin: 0px 0px 0px 35px;
     height: 688px;
 }
 NAV
 {
     float: left;
     width: 215px;
     font-size: 14px;
     color: #FFFFFF;
     margin: 25px 0px 0px -7px;
 }
 NAV UL
 {
     margin: 0px;
     padding: 0px;
 
 }
 NAV LI
 {
     list-style-type: none;
     display: block;
     background: url(img/sprite_menue.png) no-repeat -217px 2px;
     margin: 0px;
     padding: 0px 0px 6px 20px;
 
 }
 NAV LI A
 {
     text-decoration: none;
     color: #FFFFFF;
 }
 NAV LI.current_page_item
 {
     text-decoration: none;
     color: #FFFFFF;
     background: url(img/sprite_menue.png) no-repeat -1px 1px;
 }
 NAV LI A:hover
 {
     color: #BB1217;
 }
 /*SUBMENU*/
 NAV UL LI UL LI
 {
     margin: 10px 0px 5px -20px;
     background-image: none;
     font-size: 90%;
     padding: 0px 0px 0px 20px;
 
 
 }
 
 /*ENDE SUBMENU
 Anfang MENUE UNTEN*/
 nav H5.submenue
 {
     position:absolute;
     margin: 299px 0px 5px 7px;
     padding: 0px 0px 0px 13px;
     
 
 }
 
 /*
 .active
 {
     background: url(img/sprite_menue.png) no-repeat -220px 2px;
     
 }
 */
 H5
 {
     color: #FFFFFF;
     font-size: 14px;
     font-weight: normal;
     margin: 0px;
     border-bottom: 2px solid #BB1217;
     padding: 0px;
     width: 80px;
 }
 /*Ende NAVI und MENUE UNTEN INHALT*/
 SECTION
 {
     float: left;
     width: 550px;
     border: 2px solid #BB1217;
     margin: -65px 0px 0px;
     position: relative;
 }
 .headline
 {
     background-color: transparent !important;
     margin: -45px 0px 0px;
     position: absolute;
     color: #FFFFFF;
     padding: 0px 0px 0px 4px;
     font-size: 20px;
     font-weight: normal;
 }
 ARTICLE P
 {
     padding: 0px 20px 10px;
     color: #FFFFFF;
 }
 ARTICLE
 {
     background: #BB1217;
     background: rgba(189, 5, 24, 0.8);
     background-clip: content-box;
     -webkit-background-clip: content-box;
     margin: 63px 0px 0px;
     padding: 0px 4px 4px;
     line-height: 1.3em;
     letter-spacing: 0.09em;
     font-size: 75%;
 }
 ARTICLE IMG
 {
     display: block;
     margin: 0px auto 15px;
     padding: 15px 0px 0px;
 }
 ASIDE
 {
     width: 151px;
     height: 90px;
     float: left;
 
 }
 /*Ende INHALT*/
 FOOTER
 {
     height: 20px;
     width: 950px;
     clear: both;
     margin: 0px;
     padding: 0px;
 }
 
 /* css für den Blog und Statischen Seiten*/
 
 .headline-blog{
     background-color: transparent !important;
     margin: 20px 0px 0px;
     color: #FFFFFF;
     padding: 0px 0px 23px 23px;
     font-size: 20px;
     font-weight: normal;
 
 }
 .article{
     background: #BB1217;
     background: rgba(189, 5, 24, 0.8);
     background-clip: content-box;
     -webkit-background-clip: content-box;
     margin: 0px 0px 0px;
     padding: 0px 4px 4px;
     line-height: 1.3em;
     letter-spacing: 0.09em;
     font-size: 75%;
     color: #FFFFFF;
 }
 .entry{
     padding:20px 20px 20px 20px;
 }
 .entry a:link{
     color: #FFFFFF;
     padding:0px 0px -20px 0px;
 
 }
 
 .entry a:visited{
     color: #FFFFFF;
 
 }
 .entry a:hover{
 
     color: #000000;
 
 }
 .blogmeta{
     margin: 0 0 15px 0px ;
 }
 
 .entry h1 {
 
     color: #ffffff;
     font-size:130%;
     text-decoration:none;
 
 }
 
 .entry h2 a:link{
 
     color: #FFFFFF;
     font-size:110%;
     text-decoration:none;
     margin-bottom: 20px;
 
 }
 .entry h2 {
 
     color: #ffffff;
     font-size:120%;
     text-decoration:none;
 
 }
 
 /*position und Aussehen der Seitenzahl bei statischen Seiten*/
 .paginierung{
     padding:0px 0px 10px 20px;
 }
 
 .paginierung a:link{
     color: #FFFFFF;
     padding:0px 0px -20px 0px;
 
 }
 
 .paginierung a:visited{
     color: #FFFFFF;
 
 }
 .paginierung a:hover{
 
     color: #000000;
 
 }
 
 /*Archivseite*/
 .archiv{
     list-style-type: circle;
 }
[/CODE]
 
Zuletzt bearbeitet:
Ich sehe dort aber nicht die in deinem vorherigen Beitrag genannte Eigenschaft für nav h5?
 
Sorry, falsche css kopiert. Hier die richtige Version.

Code:
 /*Browser Reset*/  /*+clearfix {*/  NAV:after  {      content: ".";      display: block;      height: 0;      clear: both;      visibility: hidden;      font-size: 0;  }  NAV  {      display: inline-block;  }  NAV  {  /*\*/      display: block;  /**/      -height: 1px;  }  /*+}*/  HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6,  P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL,  DFN, EM, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, SUB, SUP, TT,  VAR, B, U, I, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL,  LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD, ARTICLE, ASIDE,  CANVAS, DETAILS, EMBED, FIGURE, FIGCAPTION, FOOTER, HEADER, HGROUP,  MENU, NAV, OUTPUT, RUBY, SECTION, SUMMARY, TIME, MARK, AUDIO, VIDEO  {      margin: 0;      padding: 0;      border: 0;      font-size: 100%;  /*font: inherit 1em sans-serif;*/      vertical-align: baseline;  }  /*HTML5 display-role reset for older browsers*/  ARTICLE, ASIDE, DETAILS, FIGCAPTION, FIGURE, FOOTER, HEADER, HGROUP, MENU, NAV, SECTION  {      display: block;  }  BODY  {      line-height: 1;  }  OL, UL  {      list-style: none;  }  BLOCKQUOTE, Q  {      quotes: none;  }  BLOCKQUOTE:before, BLOCKQUOTE:after, Q:before, Q:after  {      content: '';      content: none;  }  TABLE  {      border-collapse: collapse;      border-spacing: 0;  }  /*Browser Reset ENDE*/      BODY  {      font-family: Verdana, Arial;      font-size: 100%;      background-color: #1A171B;  }  #container  {      width: 950px;      height: 940px;      margin: 0 auto;      background: #383838 url(img/bg-werbezentrum-hamburg.jpg) no-repeat top left;    }  /*Anfang HEADER*/  HEADER  {      width: 950px;      height: 187px;      background-color: #FFF;  }  #logo  {      float: left;      border: 0;      width: 450px;      height: 180px;  }  #logo IMG  {      border: 0;  }  #auflistung  {      float: right;      font-size: 75%;      color: #BB1217;      margin: 5px 0 0;  }  #auflistung LI  {      list-style-type: none;      text-align: right;      padding: 2px 25px 0px 0px;      margin: 6px -7px 0px 0px;  }  /*Ende HEADER  Anfang BALKEN grau*/  #balken  {      clear: both;      width: 950px;      height: 65px;      background-color: #383738;      opacity: 0.75;  }  /*Ende BALKEN grau  Anfang NAVI*/  #linie_menue  {      float: left;      width: 2px;      background: #BB1217;      margin: 0px 0px 0px 35px;      height: 688px;  }  NAV  {      float: left;      width: 215px;      font-size: 14px;      color: #FFFFFF;      margin: 25px 0px 0px -7px;  }  NAV UL  {      margin: 0px;      padding: 0px;    }  NAV LI  {      list-style-type: none;      display: block;      background: url(img/sprite_menue.png) no-repeat -217px 2px;      margin: 0px;      padding: 0px 0px 6px 20px;    }  NAV LI A  {      text-decoration: none;      color: #FFFFFF;  }  NAV LI.current_page_item  {      text-decoration: none;      color: #FFFFFF;      background: url(img/sprite_menue.png) no-repeat -1px 1px;  }  NAV LI A:hover  {      color: #BB1217;  }  /*SUBMENU*/  NAV UL LI UL LI  {      margin: 10px 0px 5px -20px;      background-image: none;      font-size: 90%;      padding: 0px 0px 0px 20px;      }    /*ENDE SUBMENU  Anfang MENUE UNTEN*/  nav H5.submenue  {      position:absolute;      margin: 299px 0px 5px 7px;      padding: 0px 0px 0px 13px;          }    /*  .active  {      background: url(img/sprite_menue.png) no-repeat -220px 2px;        }  */  H5  {      color: #FFFFFF;      font-size: 14px;      font-weight: normal;      margin: 0px;      border-bottom: 2px solid #BB1217;      padding: 0px;      width: 80px;  }  /*Ende NAVI und MENUE UNTEN INHALT*/  SECTION  {      float: left;      width: 550px;      border: 2px solid #BB1217;      margin: -65px 0px 0px;      position: relative;  }  .headline  {      background-color: transparent !important;      margin: -45px 0px 0px;      position: absolute;      color: #FFFFFF;      padding: 0px 0px 0px 4px;      font-size: 20px;      font-weight: normal;  }  ARTICLE P  {      padding: 0px 20px 10px;      color: #FFFFFF;  }  ARTICLE  {      background: #BB1217;      background: rgba(189, 5, 24, 0.8);      background-clip: content-box;      -webkit-background-clip: content-box;      margin: 63px 0px 0px;      padding: 0px 4px 4px;      line-height: 1.3em;      letter-spacing: 0.09em;      font-size: 75%;  }  ARTICLE IMG  {      display: block;      margin: 0px auto 15px;      padding: 15px 0px 0px;  }  ASIDE  {      width: 151px;      height: 90px;      float: left;    }  /*Ende INHALT*/  FOOTER  {      height: 20px;      width: 950px;      clear: both;      margin: 0px;      padding: 0px;  }    /* css für den Blog und Statischen Seiten*/    .headline-blog{      background-color: transparent !important;      margin: 20px 0px 0px;      color: #FFFFFF;      padding: 0px 0px 23px 23px;      font-size: 20px;      font-weight: normal;    }  .article{      background: #BB1217;      background: rgba(189, 5, 24, 0.8);      background-clip: content-box;      -webkit-background-clip: content-box;      margin: 0px 0px 0px;      padding: 0px 4px 4px;      line-height: 1.3em;      letter-spacing: 0.09em;      font-size: 75%;      color: #FFFFFF;  }  .entry{      padding:20px 20px 20px 20px;  }  .entry a:link{      color: #FFFFFF;      padding:0px 0px -20px 0px;    }    .entry a:visited{      color: #FFFFFF;    }  .entry a:hover{        color: #000000;    }  .blogmeta{      margin: 0 0 15px 0px ;  }    .entry h1 {        color: #ffffff;      font-size:130%;      text-decoration:none;    }    .entry h2 a:link{        color: #FFFFFF;      font-size:110%;      text-decoration:none;      margin-bottom: 20px;    }  .entry h2 {        color: #ffffff;      font-size:120%;      text-decoration:none;    }    /*position und Aussehen der Seitenzahl bei statischen Seiten*/  .paginierung{      padding:0px 0px 10px 20px;  }    .paginierung a:link{      color: #FFFFFF;      padding:0px 0px -20px 0px;    }    .paginierung a:visited{      color: #FFFFFF;    }  .paginierung a:hover{        color: #000000;    }    /*Archivseite*/  .archiv{      list-style-type: circle;  }
 
Zuletzt bearbeitet:
Werbung:
So, ich habe mal das Grundlayout HIER hochgeladen.
Wenn man z.B auf "bio" klickt sieht man das sich das submenu mit nach unten verschiebt.
Genau das möchte ich vermeinden
Versucht habe ich das hiermit:
Code:
NAV #untermenu { position:absolute;}
Mittels Firebug sieht man aber auch ganz gut das er z.B magin-top noch am darüberligenden Element ausrichtet.
Vielleicht kann mir jetzt jemand helfen?!

Danke.
 
erstmal du verwendest die id untermenu für mehr als ein Element. sollte zwar in Ordnung sein in HTML5 bin ich mir aber nich 100% sicher.
hast du schonmal versucht die haupt nav mit position absolut zu positionieren und die submenu mittels position: realative ; zu platzieren?
 
Hallo devilseye.
Also mit position:absolute; auf die Hauptnavigation hats gebracht.

Jetzt muss ich noch mal in mich gehen und das verstehen, bzw warum eine absolute positionierung des untermenüs mich nicht ans Ziel gebracht hat.
Aber danke...läuft ;-)
 
Werbung:
kleiner Tipp schau dich mal hier um ich hab ein beispiel rausgenommen und mir
dann gedanken darüber gemacht.
so mehr oder weniger hab ichs danach kapiert
 
Zurück
Oben