Antworten zum Thema „CSS Joomla: Automatische Vergrößerung“

[Schorschi1983]

Hallo

ich rätsel schon seit mehrern Stunden wieder über CSS nach.

Und zwar geht es jetzt um folgendes, vielleicht findet sich wieder hier ein Lösung.

CSS (sieht folgt aus):

#main {
float: left;
max-width: 802px;
width: 100%;
margin: 0px 0px 0px 0px;
}

#mainleft {
float: left;
max-width: 640px;
}

#mainright {
float: right;
width: 160px;
}

html: (sieht so aus:

<div id="main"><!--Main-Inhalt-->
<div id="mainleft"><jdoc:include type="component" /></div>
<div id="mainright"><jdoc:include type="modules" name="right" style="xhtml" /></div>
</div>

Der DIV ID = Main dient als Container für mainleft u. mainright. Im Mainleft ist die Componente für Joomla, die den Inhalt herausgibt. Die mainright ist die rechte navigationsleiste.

Das Problem ist wenn ich in ein anderes Menü umherzappe möchte bleibt die mainleft immer auf der selben größe und es entsteht durch die nichtangezeigt meinright eine Lücke von 140px. Wenn ich in einen anderen Bereich reinzappe wo ich sie nicht benötige sollte sich die mainleft automatisch auf 140px erweitern.

Ich hoffe es war jetzt nicht allzukompliziert erklärt. Hoffe ich finde Ihr habt, eine Lösung für mich.

Gruss
Christian

 

[rapzitis]

AW: CSS Joomla: Automatische Vergrößerung

hmm, wie wär es wenn du dem mainleft nur das floaten zuweist. Andere angaben wie, abstände innen/außen, breitenangabe etc gibst du den elementen die sich darin befinden.

 

[Schorschi1983]

AW: CSS Joomla: Automatische Vergrößerung

Habe ich jetzt alles Probiert, irgendwie bleibt das alles gleich! Ich kann das drehen und wenden wie ich will es klappt nicht.

 

[Schorschi1983]

AW: CSS Joomla: Automatische Vergrößerung

Also im Firefox hab ich eine Lösung gefunden.

Sieht folgendermaßen aus:

#main {
display: table;
float: left;
width: 802px;
}

#mainleft {
display: table-cell;
width: 100%;
}

#mainright {
display: table-cell;
width: 140px;
}

Das blöde is, da nicht jeder Firefox benutzt sondern auch den IExplorer brauch ich jetzt einen Ersatz für display: table und table-cell.
Hab es schon mit block und block-inline probiert funktioniert leider auch nicht! Hat jemand dafür ne lösung?

 

[rapzitis]

AW: CSS Joomla: Automatische Vergrößerung

hmm, ansonsten vllt ne andere lösung:

<?php if($this->countModules('left')) : ?>
<jdoc:include type="modules" name="left" />
<?php endif; ?>

So kann man ne abfrage machen. Alles was zwischen der Abrage steht wird ausgegeben. In diesem fall wird nur was ausgegeben, wenn in 'left' was zum ausgeben vorhanden ist. Wenn ja, dann gibt der alles aus was sich Innerhalb dieser Abfrage befindet :

<jdoc:include type="modules" name="left" />

Schau dir ma einfach die core-templates an, da kann man sehen wie man sowas macht.

Bind mir nicht 100pro sicher, aber bei drupal is es fast genau so. Einfach ma probieren.

 

[Schorschi1983]

AW: CSS Joomla: Automatische Vergrößerung

Dank für die Antwort, aber leider haut diese meine ganze CSS datei über den haufen.

Es muss doch eine Möglichkeit geben mit css?

 

[rapzitis]

AW: CSS Joomla: Automatische Vergrößerung

wie meinste das: "leider haut diese meine ganze CSS datei über den haufen." ??? Versteh ich nicht ganz.

Ich habe mich aber auch bestimmt dumm/falsch ausgedrückt, bin in sachen php alles andere als fit.

Als reine css-lösung würde mir nur das einfallen, was ich bereits vorgeschlagen habe.

Hast du die site online, wär viel besser wenn man das ganze live sehen könnte.