Footer soll teilweise skalierbar sein

[micronix]

Hallo,

skalierbar ist eventuell der falsche Ausdruck... auf jeden sieht mein Footer folgendermaßen aus:



und ich möchte folgendes umsetzen:

Das Logo rechts soll am rechten Rand festsitzen. Der gesamte Footer hat einen festen prozentualen Abstand zum unteren Browserrand. Wenn man das Fenster verkleinert, soll sich das Logo nach links verschieben. Aber nur so weit bis es die Faxnummer berührt. Es soll sozusagen "andocken". Habe bis jetzt alles umgesetzt, bloß wenn man das Fenster verkleinert und das Logo sich verschiebt dann wandert das Logo bis maximal zum linken Rand. Soll aber wie gesagt bei der Faxnummer andocken.

Hier die Styles:

#footerLogo {
height:92px;
width:328px;
float: right;
z-index: 5;
bottom: 6%;
right: 0%;
position:fixed;
background-image: url(images/footer.gif);
}

#footerLeft {
height:92px;
width:100%;
z-index: 5;
bottom: 6%;
left: 0%;
position:fixed;
background-color: #05758d;
}

Wäre super wenn ihr mir helfen könntet und danke im voraus!

MfG

 

[WU*Martin]

Hi, wie Du vielleciht aus meinem Namen etc. entnehmen kannst, bin ich nicht der Beste in Sachen CSS & PHP.
Dennoch habe ich eine getrickste Lösung für Dich:

sobald das Logo an der Faxnummer "andockt", entwickelt sich ja eine "totale Breite", etwa 700 Pixel. Jetzt kommt der Trick: Lade ein transparentes Bild hoch, 1x1 Pixel (spacer.png) dass Du dann angleichst.
Nun kannst Du dieses Bild einfach in Deiner CSS Box anbringen und die Breite entsprechend anpassen.


es ist ein billiger Trick, aber ich hatte auch einmal so ein ähnlcihes Problem und konnte es damit lösen. Ich hoffe es hilft.