CSS float-Problem?

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

jimbo
Offline

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.

guenzi
Autor
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

jimbo
Offline

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.

Joomla! Forum Schweiz wird Teil der D-A-CH Community

forum.joomla.de

CSS float-Problem?