Lonesome Walker: Ausrichtung in einem div-Container unten

SELF-Forum

Ausrichtung in einem div-Container unten

Lonesome Walker
– Informationen zu den Bewertungsregeln

Der Quelltext meines Templates:

<body>

<div id="container">
 <div id="top">
 </div>
 <div id="leftnav">
  <ul>
  <?php
   menu(PAGE_ID);
  ?>
  </ul>
 </div>
 <div id="rightnav" vertical-align="bottom">
  <img src="<?php echo TEMPLATE_DIR; ?>/logos.gif" />
 </div>

<div id="content">
   <?php breadcrumbs(PAGE_ID," / "); ?><br /><hr /><br />
   <?php page_content(); ?>
  </div>
  <div id="footer">
  </div>
 </div>

</body>

----------

Die CSS dazu:

body,td,th {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
}
body {
 background-color: #999999;
 margin: 30px;
}
a:link, a:visited, a:active {
 color: #333333;
 text-decoration: none;
}
a:hover {
 color: #000000;
 text-decoration: none;
}
form {
 margin: 0;
}
#container
{
 width: 900px;
 margin: auto;
 background-color: #999999;
 border: 1px solid #333333;
 line-height: 100%;
}
#top
{
 height: 70px;
 padding: .5em;
 background-image: url(header.jpg);
 background-color: #666666;
 border-bottom: 1px solid #333333;
 padding-bottom: 25px;
 padding-left: 25px;
}
#top a
{
 color: #000000;
}
#top h1
{
 padding: 0;
 margin: 0;
}
#leftnav
{
 float: left;
 width: 160px;
 margin: 0;
 padding: 1em;

}
#leftnav ul{
 list-style: square;
}

#rightnav
{
 float: right;
 width: 160px;
 margin: 0;
 padding: 1em;
 vertical-align: bottom;
}
#content
{
 margin-left: 200px;
 margin-right: 200px;
 padding: 2em;
 max-width: 36em;
 border-left: 1px solid #333333;
 border-right: 1px solid #333333;
}
#footer
{
 clear: both;
 margin: 0;
 padding: .5em;
 color: #000000;
 height: 30px;
 font-size: 12px;
 background-color: #666666;
 border-top: 1px solid #333333;
}
#leftnav p, #rightnav p {
 margin: 0 0 1em 0;
}

#content h2 {
 margin: 0 0 .5em 0;
}

.menu {
 width: 150px;
 margin: 0px;
 margin-top: 0px;
}
.menu ul, .menu li {
 margin: 0;
 padding: 0;
 list-style: none;
 margin-bottom: 5px;
}
.menu a:link, .menu a:visited, .menu a:active, .menu a:hover {
 display: block;
 padding: 0px;
}

----------

Wie schaffe ich es jetzt, das Image im rightnav-Bereich unten ausgerichtet anzuzeigen?
Ich pfriemel jetzt schon seit 2 Tagen rum, und habe (so hoffe ich) schon fast alles durch, was an align und margin möglich ist...
Oder schneidet sich da was mit dem float:right?

THX

Lonesome Walker

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Ausrichtung in einem div-Container unten

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hello out there!

    Der Quelltext meines Templates:
      <?php
       menu(PAGE_ID);
      ?>

    Gib bei clientseitigen Problemen bitte den Quelltext an, der beim Client ankommt.

    <div id="rightnav" vertical-align="bottom">

    'vertical-align' ist bei Elementen, deren 'display'-Eigenschaft den Wert 'block' hat, wirkungslos. [CSS2 §10.8]

    Und gib besser _sämtliche_ Styelangaben im zentralen Stylesheet an.

    See ya up the road,
    Gunnar

    --
    “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln