Liste in Footer rechts oben ausrichten

[Mean]

Hallo,

ich habe einen Footer in dem ich zum Einen alle Seiten meiner Internetpräsenz noch mal aufgelistet (unsorted list mit float: left) habe (auf der linken Seite) und auf der rechten Seite möchte ich nun 3 Button (top, print, mail a friend; unsorted list) untereinander haben.

Hier seht ihr als Grafik, wie ich das gerne hätte:

Jetzt habe ich jedoch Probleme bei der Ausrichtung der unsorted List für den Footer, da ich ihn par tout nicht nach rechts außen verschoben bekomme. Ich verwende dafür float: left, nur weiß ich nicht, wie groß das Menü im Footer ist, da ich dies über Typo3 generieren lasse - sprich, wenn eine neue "Hauptseite" dazu kommt wird der Abstand zwischen Menü und Buttons rechts kleiner und diese würden rechts aus dem Footer rausgeschoben.

Ich hoffe, ihr versteht was ich meine und könnt mir helfen.

Hier mal ein Beispiel aus dem Footer (der grundsätzliche Aufbau; die unsorted list für die rechte Spalte habe ich darin nicht eingefügt; von div class="tx-flseositemap-pi1" bis /div ist alles von Typo3 automatisch generiert und kann so direkt nicht verändert werden):

  
<div id="footer">  
  
	<!--  CONTENT ELEMENT, uid:15/list [begin] -->  
		<div id="c15" class="csc-default" >  
		<!--  Plugin inserted: [begin] -->  
			  
  
  
	<!--  
  
		BEGIN: Content of extension "fl_seo_sitemap", plugin "tx_flseositemap_pi1"  
  
	-->  
	<div class="tx-flseositemap-pi1">  
		<ul class="list deep0"><li class="list deep0 first lastMonth">Home  
  
  
<ul class="list deep1"><li class="list deep1 first lastMonth"><a href="content/home/archiv.html">Archiv</a>  
</li></ul></li><li class="item deep0 lastMonth">Spielplan  
  
<ul class="list deep1"><li class="list deep1 first lastMonth"><a href="content/spielplan/saison-20102011.html">Saison 2010/2011</a>  
</li><li class="item deep1 lastMonth"><a href="content/spielplan/saison-20092010.html">Saison 2009/2010</a>  
</li><li class="item deep1 lastMonth"><a href="content/spielplan/saison-20082009.html">Saison 2008/2009</a>  
</li><li class="item deep1 lastMonth"><a href="content/spielplan/saison-20072008.html">Saison 2007/2008</a>  
</li><li class="list deep1 last lastMonth"><a href="content/spielplan/saison-20062007.html">Saison 2006/2007</a>  
  
</li></ul></li><li class="list deep0 last lastMonth">Kontakt  
  
<ul class="list deep1"><li class="list deep1 first lastMonth"><a href="content/kontakt/kontakt.html">Kontakt</a>  
</li><li class="item deep1 lastMonth"><a href="content/kontakt/gaestebuch.html">Gästebuch</a>  
  
</li><li class="list deep1 last lastMonth"><a href="content/kontakt/impressum.html">Impressum</a>  
</li></ul></li></ul>  
	</div>  
	  
	<!-- END: Content of extension "fl_seo_sitemap", plugin "tx_flseositemap_pi1" -->  
  
	  
		<!--  Plugin inserted: [end] -->  
			</div>  
	<!--  CONTENT ELEMENT, uid:15/list [end] -->  
		  
<br style="clear: both;" />  
  
  
</div>  

Das CSS dazu sieht so aus:

  
  div.tx-flseositemap-pi1 div {  
    clear: left;  
  }  
  ul.deep0 {  
	padding: 4px;  
  }  
  
  ul.deep0 li.deep0 {  
    list-style: none;  
    float: left;  
    font-weight: bold;  
    font-size: 12px;  
    color: #4F719F;  
    padding: 0px;  
    margin: 0;  
    padding-right: 30px;  
  
  }  
  
  ul.deep0 li.deep0 ul {  
      padding: 0px;  
    margin: 0;  
  }  
  
  ul.deep0 li.deep0 ul li {  
    float: none;  
    display: block;  
    font-weight: normal;  
    font-size: 10px;  
    padding: 0px; margin: 0px;  
  }  
  
  ul.deep0 a, ul.deep0 span {  
    display: block;  
    text-decoration: none;  
    color: #000000;  
  }  
#footer {  
	margin: 0 auto;  
	margin: -105px auto 0px auto;  
	width: 788px;  
	height: 90px;  
	text-align: left;  
	background: #E9ECFB url(../images/footer_back.png) repeat-y;  
	border-left: 1px solid #000000;  
	border-right: 1px solid #000000;  
	border-top: 3px solid #4f719f;  
	border-bottom: 3px solid #4f719f;	  
}  
  
#footer ul#topPrintMenu {  
	height: 90px;  
	border-left: 1px dashed #c0c0c0;  
	position: right top;  
}  
  
  
#footer ul#topPrintMenu li {  
	list-style: none;  
}  

Für Hilfe wäre ich sehr dankbar, da ich daran schon ewig rumeiere.

Vielen Dank und viele Grüße,

Dirk

[Beat]

Setze den rechts zu floatenden Inhalt einfach _vor_ den generierten Inhalt ein.

mfg Beat

[Mean]

Setze den rechts zu floatenden Inhalt einfach _vor_ den generierten Inhalt ein.

mfg Beat

Hallo Beat,

vielen Dank für deine Hilfe, das klappt ja mal super! Juhu!

Vielen Dank und viele Grüße,

Dirk

[MudGuard]

Hi,

Jetzt habe ich jedoch Probleme bei der Ausrichtung der unsorted List für den Footer, da ich ihn par tout nicht nach rechts außen verschoben bekomme. Ich verwende dafür float: left,

Um etwas nach rechts auszurichten, verwendest Du float:left; ?

Fällt Dir der Widerspruch nicht auf?

cu,
Andreas

[Mean]

Um etwas nach rechts auszurichten, verwendest Du float:left; ?

Fällt Dir der Widerspruch nicht auf?

Hallo Andreas,

danke für deine Antwort! Ganz ehrlich, float: right habe ich noch nie benutzt, da ich den float-Befehl bisher immer nur verwendet habe um Listen-Elemente nebeneinander auszurichten und folglich war mir auch nicht bewusst, dass bei float: right dann auch wirklich am äußersten rechten Rand/rechts positioniert wird.

Jetzt hat es aber super geklappt.

Vielen Grüße,

Dirk

[Shadowcrow]

'ǝɯɐu$ ıɥ

danke für deine Antwort! Ganz ehrlich, float: right habe ich noch nie benutzt, da ich den float-Befehl bisher immer nur verwendet habe um Listen-Elemente nebeneinander auszurichten

Hmm, ich hab noch nie float verwendet um eine liste horizontal zu bekommen...

ssnɹƃ
ʍopɐɥs

[Beat]

danke für deine Antwort! Ganz ehrlich, float: right habe ich noch nie benutzt, da ich den float-Befehl bisher immer nur verwendet habe um Listen-Elemente nebeneinander auszurichten

Hmm, ich hab noch nie float verwendet um eine liste horizontal zu bekommen...

Das bedeutet doch nur, dass du noch nie Bedarf nach einem block-formating Kontext hattest.

Habe ich dich jetzt ertappt?

mfg Beat

[Shadowcrow]

'ǝɯɐu$ ıɥ

Hmm, ich hab noch nie float verwendet um eine liste horizontal zu bekommen...

Das bedeutet doch nur, dass du noch nie Bedarf nach einem block-formating Kontext hattest.

Stimmt

Habe ich dich jetzt ertappt?

*g* Spielverderber :-P

ssnɹƃ
ʍopɐɥs

[suit]

Das bedeutet doch nur, dass du noch nie Bedarf nach einem block-formating Kontext hattest.

inline-block tuts doch auch für eine horizontale Liste ;)