Anzeige

CSS Joomla: Automatische Vergrößerung

CSS Joomla: Automatische Vergrößerung | PSD-Tutorials.de

Erstellt von Schorschi1983, 05.10.2008.

  1. Schorschi1983

    Schorschi1983 Nicht mehr ganz neu hier

    Dabei seit:
    04.08.2008
    Beiträge:
    72
    Geschlecht:
    männlich
    CSS Joomla: Automatische Vergrößerung
    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
     
    #1      
  2. rapzitis

    rapzitis Guest

    CSS Joomla: Automatische Vergrößerung
    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.
     
    Zuletzt von einem Moderator bearbeitet: 05.10.2008
    #2      
  3. Schorschi1983

    Schorschi1983 Nicht mehr ganz neu hier

    Dabei seit:
    04.08.2008
    Beiträge:
    72
    Geschlecht:
    männlich
    CSS Joomla: Automatische Vergrößerung
    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.
     
    #3      
  4. Schorschi1983

    Schorschi1983 Nicht mehr ganz neu hier

    Dabei seit:
    04.08.2008
    Beiträge:
    72
    Geschlecht:
    männlich
    CSS Joomla: Automatische Vergrößerung
    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?
     
    #4      
  5. rapzitis

    rapzitis Guest

    CSS Joomla: Automatische Vergrößerung
    AW: CSS Joomla: Automatische Vergrößerung

    hmm, ansonsten vllt ne andere lösung:
    PHP:
    1.  
    2. <?php if($this->countModules('left')) : ?>
    3. <jdoc:include type="modules" name="left" />
    4. <?php endif; ?>
    5.  
    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 :

    Code (Text):
    1. <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.
     
    #5      
  6. Schorschi1983

    Schorschi1983 Nicht mehr ganz neu hier

    Dabei seit:
    04.08.2008
    Beiträge:
    72
    Geschlecht:
    männlich
    CSS Joomla: Automatische Vergrößerung
    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?
     
    #6      
  7. rapzitis

    rapzitis Guest

    CSS Joomla: Automatische Vergrößerung
    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.
     
    #7      
x
×
×
teststefan