CSS float-Problem?

  • guenzi
  • Autor
  • Neues Mitglied
  • Neues Mitglied
Mehr
02 Dez. 2007 13:38 #10261 von guenzi
CSS float-Problem? wurde erstellt von guenzi
Ich habe versucht ein tabellenloses Template zu entwerfen, was auch gut gelang. Ich möchte in diesem Template das Modul lsTabMenu verwenden, das ein Tab-Menü an einer beliebigen Modulposition darstellt. Nachdem ich zuerst Probleme mit der Darstellung des Menüs hatte, bekam ich in diesem Forum den Tipp dem Modulparameter des Menüs die Erweiterung -2 zu verpassen. Nun wird das Menü zwar korrekt dargestellt, aber mein Contentbereich verschiebt sich von rechts nach links. Zur besseren Veranschaulichung habe ich zwei Grafiken angehängt.

Ich vermute mal, dass es ein float-Problem meiner CSS-Datei ist, aber ich steh ziemlich am Schlauch und in diesem Forum gibt es meistens Profis, die gleich beim ersten Hingucken den Fehler finden.
Der Link zur Seite: --ALTER LINK WURDE ENTFERNT--

Ein Teil meiner CSS:
Code:
@charset "utf-8"; /* CSS Document */ body { font: 12px Arial; margin: 0; padding: 0; text-align: center; color: #000000; background-color: #ccc; } p { padding: 0px; margin: 0px; } #aussen{ width: 990px; margin-top: 0; margin-bottom:0; text-align: left; margin: auto; height: 1018px; background:#7884aa url(../images/start_left.jpg) left bottom no-repeat; border-left:#000000 solid 1px; border-right:#000000 solid 1px; } #top { height: 114px; background:#7884aa url(../images/header.jpg) left top no-repeat; } #left { width: 400px; /*height:auto;*/ float:left; } #right { width:585px; float:right; min-height:904px; } #menue { margin:0; padding:0; } #main { width:575px; padding: 5px; height: 720px; background-color:#FFFFFF; } #footer { clear:both; height: 25 px; }

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
02 Dez. 2007 21:14 #10267 von jimbo
jimbo antwortete auf Re: CSS float-Problem?
Hi Guenzi,

versuche 'mal folgende Änderungen/Anpassungen in deinem CSS:

1.) template_css.css line 40
Code:
#right { float:right; height:auto; /* diese Zeile hinzufügen/ändern */ width:580px; /* Breite anpassen */ }

2.) template_css.css line 51
Code:
#main { background-color:#FFFFFF; clear:right; /* diese Zeile hinzufügen */ float:right; /* diese Zeile hinzufügen */ height:720px; padding:5px; width:580px; /* Breite anpassen */ }

3.) template_css.css line 58
Code:
#footer { clear:both; float:right; /* diese Zeile hinzufügen */ padding:5px; /* diese Zeile hinzufügen */ width:580px; /* diese Zeile hinzufügen */ }

Gruss Dany (Jimbo)
Kein Support per PN.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • guenzi
  • Autor
  • Neues Mitglied
  • Neues Mitglied
Mehr
02 Dez. 2007 22:37 #10269 von guenzi
guenzi antwortete auf Vielen, vielen Dank!
Du bist meine Rettung! Hat super funktioniert! Könntest du mir vielleicht auch noch sagen, was ich tun kann, damit das erste Tab-Element ganz links steht?

Ansonsten ist es jetzt genau so, wie ich es mir vorgestellt habe.
G_O_O_D O_O_D

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
03 Dez. 2007 07:26 #10277 von jimbo
jimbo antwortete auf Re: CSS float-Problem?
...template_css.css line 39:
Code:
#right { float:left; /* diese Zeile korrigieren */ margin-left:289px; /* diese Zeile hinzufügen */ width:585px; }

Gruss Dany (Jimbo)
Kein Support per PN.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Powered by Kunena Forum

Joomla! Verband Schweiz - Mitglied werden