CMS Made Simple Forums

Posted: **Tue Mar 24, 2009 8:43 am**

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...

Posted: **Tue Mar 24, 2009 2:45 pm**

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

Posted: **Tue Mar 24, 2009 3:11 pm**

antibart wrote: 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...

Posted: **Tue Mar 24, 2009 5:15 pm**

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;
}

Posted: **Tue Mar 24, 2009 7:59 pm**

perfekt...1000 dank !!!

ich sag ja, sobald ich mal mehr zeit habe muss ich css pauken !! $:-\$

CMS Made Simple Forums

[GELÖST] Footer Anordnung

[GELÖST] Footer Anordnung

Re: Footer Anordnung

Re: Footer Anordnung

Re: Footer Anordnung

Re: Footer Anordnung