Div nebeneinander - Verzweifle langsam

Sailor · 2006-09-14T15:28:59+00:00

Hallo zusammen, nach dem ich mit Dieters Hilfe endlich die Extension Macina Banner Mgm zum laufen bekommen habe, habe ich nur noch ein Problem. Mein Logo und der Banner wollen sich nicht neben einander zeigen. Seite www.world-of-sailing24.com Mein HTML Template sieht so aus: Snowboardschule Meyer-Mueller-Schmidt ###LOGO### ###BANNERTOP### ###MENU_OBEN### ###MENU_LINKS### ###SUCHE### ###RECHTS### ###DATUM### :: ###SPRACHE### :: ###DRUCKVERSION### ###KLICKPFAD### ###INHALT### Meine CSS: h2,h3,h4,h5,h6,div,p,body,html,input,button { font: normal 12px Helvetica,Verdana,Arial } h1 { font: normal 12px Helvetica,Verdana,Arial; font-weight: bold; } img.block { display:block; } div, img { margin:0; padding:0; border:0; } div#container { width: 100%; margin-left:auto; margin-right:auto; border:1px solid silver; background: url(../fileadmin/images/background.gif) center repeat-y; } div#top { font: bold 10px Verdana,Arial; clear:both; background-color:#001463; text-align:right; color:#FFFFFF; padding:5px; padding-right:180px; width:100% } div#top a { text-decoration: none; color:white; } div#header { background-color:white; width: 100%; } /*-----------------------------------*/ div#links { float:left; width:20%; padding-top:37px; padding-bottom:10px; background-color:#364497; } div#head { font: normal 10px Helvetica,Verdana,Arial; padding-top:5px; padding-bottom:5px; width: 100%; } div#center { margin-left:190px; width:100%; } div#right { float:right; width:20%; padding-top:37px; padding-bottom:10px; background-color:#364497; } div#banner { float: right; } div#logo { } div#footer { clear:both; background-color:#001463; padding:10px; } Wer kann mir helfen? Zweite Frage wäre wie es hinbekomme dass die Navi Links und Navi Rechts am Footer sich "ankleben", damit die Seite geschlossen bleibt. Bitte bei den Erklärungen dran denken : Ich bin noch Anfänger !! Danke im Voraus. Kim

chris3 · 14. September 2006 17:38

Dein Freund : float:left ... 😉

Sailor · 14. September 2006 17:40

Hallo chris3,

dank für die schnelle Antwort aber und wo genau soll ich float:left einfügen ?

Gruß
Kim

chris3 · 14. September 2006 17:57

... das da oben ist ein Link, da sollten eigentlich genug Infos stehen ... #paralyzed#
[http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float]

einpraegsam.net · 14. September 2006 17:58

<div style="float: left;">linker bereich</div>
<div>rechter bereich</div>

Sailor · 14. September 2006 18:03

Hallo zusammen,

ich bin leider genauso schlau!! wie vorher, vielleicht könntet Ihr euere Anmerkungen entwas nähre erläutern oder besser mir sagen was ich wo änder muss.
Wäre wirklich klasse.

Danke
Kim

einpraegsam.net · 14. September 2006 18:04

Sailor schrieb
Hallo zusammen,

ich bin leider genauso schlau!! wie vorher, vielleicht könntet Ihr euere Anmerkungen entwas nähre erläutern oder besser mir sagen was ich wo änder muss.
Wäre wirklich klasse.

Danke
Kim

sorry, aber wenn du das (noch) nicht kannst, solltest du vielleicht erst einmal in einem html oder css forum nachfragen

just2b · 14. September 2006 18:14

Hallo Kim

ich gebe meinem Vorredner recht.
es gibt auch unzählige tutorials,nur mal schnell gegooglet > http://css.fractatulum.net/sample/layout1format.htm

oder du nimmst ein table-based Layout, ist ja auch nicht schlimm

lg georg

Sailor · 14. September 2006 18:33

Na ja, eure Kommentare ermutigen einen richtig.

Vielleicht hat ja jemand erbarmen und lässt mich an seinem Wissen teilhaben, ohne dass ich erst in x anderen Foren suchen muss.

Gruß
Kim

toyde · 14. September 2006 19:37

..ohne dass ich erst in x anderen Foren suchen muss.

Notiz und gut gemeinter Rat: für eigene TYPO3-Seiten ist solide Kenntnis von HTML/CSS von Nöten. Nicht frusten lassen - dranbleiben. Um's Lesen kommt man leider nicht herum.

Die verlinkte Hilfe zu "float" gab's weiter oben:
» http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float

grüsse

Sailor · 14. September 2006 19:46

Nun gut,
habe es doch hinbekommen, der Fehler war wohl das im CSS die Reinfolge Banner & Logo vertauscht war. Float eingefügt, was ich zwar schon vorher hatte, aber nun geht es doch.

Werde bald mal meinen Ablauf mit der Banner Extension und den 2 Div posten.

Viellecht gibt es ja noch einen Tip für mich wie ich die Navi link und recht zum Footer "ankleben" kann.

Gruß
Kim