[GELÖST] Footer Anordnung

[Pulli]

Hallo zusammen...

...steh mal wieder ein wenig auf dem Schlauch.

Habe vor bei einer Webseite folgendes im Footer zu realisieren:

Ein Text soll linksbündig sein, ein zusätzlicher Link zum Impressum soll ganz rechts stehen.

Per CSS habe ich das ganze so versucht:

Code: Select all

div#footer {
clear: both;
   /* background: #575352; */
   background: url(uploads/nordig/footer.jpg);
   color: #ffffff;
}

div#footer p {
   font-size: 0.9em;
   padding: 1em;
   text-align: left;
   padding-left: 10px;
   margin: 0;
}

div#footer p a {
   color: #ffffff;
   /* border-bottom:1px dotted #89817F; */
   text-decoration: none;
}

div#footer p a:hover {
   color: #ffffff;
   /* background-color: #575352; */
   text-decoration: underline;
}

div#footer2 {
clear: both;
   /* background: #575352; */
   background: url(uploads/nordig/footer.jpg);
   color: #ffffff;
}

div#footer2 p {
   font-size: 0.9em;
   padding: 1em;
   text-align: right;
   padding-right: 10px;
   margin: 0;
}

div#footer2 p a {
   color: #ffffff;
   /* border-bottom:1px dotted #89817F; */
   text-decoration: none;
}

div#footer2 p a:hover {
   color: #ffffff;
   /* background-color: #575352; */
   text-decoration: underline;
}

Dann das ganze wie folgt im Template eingebaut:

Code: Select all

<div id="footer">
      {global_content name='footer'}
</div>
   <div id="footer2">
      {global_content name='footer2'}
</div>

aber aussehen tut es so: hier klicken

habe auch schon versucht im css mit festen breiten zu arbeiten...hat aber irgendwie nicht funktioniert.

es soll also nicht untereinander, sondern auf gleicher höhe stehen...

habt ihr nen tipp für mich ?

außer endlich mal richtig css zu lernen meine ich...

[antibart]

WArum nicht einfach zwei gefloatete DIVs in den den Footer. Eins links, eins rechts, dann clearen..

[Pulli]

WArum nicht einfach zwei gefloatete DIVs in den den Footer. Eins links, eins rechts, dann clearen..

ich sach ja css ist definitiv ne sache, die ich mal besser lernen sollte...

wenn du mir jetzt nochmal kurz mit dem zaunpfahl den richtigen weg des einbaus wedelst... 

[NaN]

In etwa so:

Code: Select all

<div id="footer">
    <div id="footer_left">
        {global_content name='footer'}
    </div>
    <div id="footer_right">
        {global_content name='footer2'}
    </div>
    <div class="clearb"></div>
</div>

Code: Select all

#footer_left {
    float: left;
    ...
}

#footer_right {
    float: right;
    ...
}

.clearb {
    clear: both;
}

[Pulli]

perfekt...1000 dank !!!

ich sag ja, sobald ich mal mehr zeit habe muss ich css pauken !!