MetaModels Workshop in Berlin
Ergebnis 1 bis 5 von 5

Thema: Linke Spalte verschoben - Template-Problem?

  1. #1
    Contao-Nutzer
    Registriert seit
    26.09.2011.
    Beiträge
    7

    Standard Linke Spalte verschoben - Template-Problem?

    Hallo,

    ich stehe vor dem Problem das meine linke Spalte unter die Hauptspalte verschoben ist.

    Ich habe in der Hauptspalte folgende drei Metamodel-Templates eingebunden, in der linken Spalte ein Metamodel-Template:

    1. Template (Hauptspalte)
    Code:
    <?php if (count($this->data)): /* display only if there is data. */ ?>
    <div class="layout_full">
    <?php foreach ($this->data as $arrItem): /* loop over all items. */ ?>
    
    <div class="item <?php echo $arrItem['class']; ?>">
    <div class="content_profil">
         <div class="actor_profil">
         <table>
           <tr>
             <th width="30%"><span class="jahrgang_label"><?php echo $arrItem['attributes']['jahrgang']; ?></span></th>
             <th width="70%"><span class="jahrgang_value"><?php echo $arrItem['text']['jahrgang']; ?></span></th>
           </tr>
           <tr>
             <td><span class="groesse_de_label"><?php echo $arrItem['attributes']['groesse_de']; ?></span></td>
             <td><span class="groesse_de_value"><?php echo $arrItem['text']['groesse_de']; ?> cm</span></td>
           </tr>
           <tr>
             <td><span class="haare_de_label"><?php echo $arrItem['attributes']['haarfarbe_de']; ?></span></td>
             <td><span class="haare_de_value"><?php echo $arrItem['html5']['haarfarbe_de']; ?></span></td>
           </tr>
           <tr>
             <td><span class="augen_de_label"><?php echo $arrItem['attributes']['augenfarbe_de']; ?></span></td>
             <td><span class="augen_de_value"><?php echo $arrItem['html5']['augenfarbe_de']; ?></span></td>
           </tr>
           <tr>
             <td><span class="sprachen_de_label"><?php echo $arrItem['attributes']['sprachen_de']; ?></span></td>
             <td><span class="sprachen_de_value"><?php echo $arrItem['html5']['sprachen_de']; ?></span></td>
           </tr>
           <tr>
             <td><span class="dialekte_de_label"><?php echo $arrItem['attributes']['dialekte_de']; ?></span></td>
             <td><span class="dialekte_de_value"><?php echo $arrItem['html5']['dialekte_de']; ?></span></td>
           </tr>
           <tr>
           	<td><span class="groesse_de_label"><?php echo $arrItem['attributes']['tanz_de']; ?></span></td>
           	<td><span class="groesse_de_value"><?php echo $arrItem['text']['tanz_de']; ?></span></td>
           </tr>
           <tr>
           	<td><span class="instrumente_de_label"><?php echo $arrItem['attributes']['instrumente_de']; ?></span></td>
           	<td><span class="instrumente_de_value"><?php echo $arrItem['text']['instrumente_de']; ?></span></td>
           </tr>
           <tr>
           	<td><span class="sport_de_label"><?php echo $arrItem['attributes']['sport_de']; ?></span></td>
           	<td><span class="sport_de_value"><?php echo $arrItem['text']['sport_de']; ?></span></td>
           </tr>
           <tr>
           	<td><span class="fuehrerscheine_de_label"><?php echo $arrItem['attributes']['fuehrerscheine_de']; ?></span></td>
           	<td><span class="fuehrerscheine_de_value"><?php echo $arrItem['text']['fuehrerscheine_de']; ?></span></td>
           </tr>       
         </table>
    </div>
    </div>
    </div>
    </div>
    <div class="clear"></div>
    
    <?php if ($arrItem['jumpTo']): ?><a href="<?php echo $arrItem['jumpTo']['url']; ?>">Zurück zur Liste</a><?php endif; ?>
    <?php endforeach; /* item loop */ ?>
    
    
    <?php else: /* no items found */ ?><p class="info"><?php echo $this->noItemsMsg; ?></p>
    <?php endif; ?>
    2. Template (Hauptspalte)

    Code:
    <?php if (count($this->data)): /* display only if there is data. */ ?>
    <div class="layout_full">
    <?php foreach ($this->data as $arrItem): /* loop over all items. */ ?>
    
    <div class="item <?php echo $arrItem['class']; ?>">
    <div class="content_ausbildung">
         <table>
           <tr>
            	<td width="30%">
             		<span class="jahr_anfang_value"><?php echo $arrItem['text']['ausbildung_anfang']; ?></span> - 
             		<span class="jahr_ende_value"><?php echo $arrItem['text']['ausbildung_ende']; ?></span>
             	</td>
            	<td width="70%">
            		<span class="ausbildungsstaette_value"><?php echo $arrItem['text']['ausbildungsstaette']; ?></span>
            	</td>
           </tr>
         </table>
    </div>
    </div>
    </div>
    
    <?php if ($arrItem['jumpTo']): ?><a href="<?php echo $arrItem['jumpTo']['url']; ?>">Zurück zur Liste</a><?php endif; ?>
    <?php endforeach; /* item loop */ ?>
    
    <?php else: /* no items found */ ?><p class="info"><?php echo $this->noItemsMsg; ?></p>
    <?php endif; ?>
    3. Template (Hauptspalte)

    Code:
    <?php if (count($this->data)): /* display only if there is data. */ ?>
    <div class="layout_full">
    <?php foreach ($this->data as $arrItem): /* loop over all items. */ ?>
    <div class="item <?php echo $arrItem['class']; ?>">
    <div class="content_auszeichnungen">
        	<table>
        		<tr>
            		<td width="30%"><span class="jahr_value"><?php echo $arrItem['text']['jahr']; ?></span></td>
            		<td width="70%"><span class="auszeichnung_name_value"><?php echo $arrItem['text']['auszeichnung_name']; ?></span></td>
        		</tr>
        	</table>
    </div>
    </div>
    </div>
    
    <?php endforeach; /* item loop */ ?>
    
    <?php else: /* no items found */ ?><p class="info"><?php echo $this->noItemsMsg; ?></p>
    <?php endif; ?>
    
    </div>
    4. Template (linke Spalte)

    Code:
    <?php if (count($this->data)): /* display only if there is data. */ ?>
    <div class="layout_full">
    	<?php foreach ($this->data as $arrItem): /* loop over all items. */ ?>
    <div class="item <?php echo $arrItem['class']; ?>">
    <div class="content_profilbilder">
    <div class="actor_profilbilder">
            <span class="profilbild_headline"><?php echo $arrItem['text']['vorname']; ?><br /><?php echo $arrItem['text']['nachname']; ?></span>
            <span class="profilbild_value"><?php echo $arrItem['html5']['profilbild']; ?></span>
            <span class="profilbilder_klein_value"><?php echo $arrItem['html5']['profilbilder_klein']; ?></span>
    </div>
    </div>
    </div>
    <div class="clear"></div>
    			
    <?php endforeach; /* item loop */ ?>
    
    <?php else: /* no items found */ ?><p class="info"><?php echo $this->noItemsMsg; ?></p>
    <?php endif; ?>
    
    </div>
    Kann mir jemand einen Tipp geben, wo der Fehler liegt?

    Vielen Dank

  2. #2
    Contao-Urgestein
    Registriert seit
    22.10.2013.
    Beiträge
    7.883
    User beschenken
    Wunschliste

    Standard

    Was für ein Layout benutzt Du da? Das klassische 3-Spalten "Holy Grail" Layout von Contao? Da ist es jedenfalls so, dass es da meistens daran liegt, dass die linke Spalte zu breit ist also typischerweise im CSS irgendein Padding oder Border zugewiesen bekommen hat, was die Spalte dann breiter macht als bei width angegeben. Ohne CSS kann man da nur anhand der Templates vermutlich nicht viel sagen, muss aber zugeben, dass ich es mir noch gar nicht im Detail angeschaut habe. Ein Link würde die Sache definitiv erleichtern.

  3. #3
    Contao-Nutzer
    Registriert seit
    26.09.2011.
    Beiträge
    7

    Standard

    Dort läuft das Mate - Theme ohne Veränderungen durch mich.

    Verwende ich die Metamodel Templates nicht, wird auch die linke Spalte korrekt angezeigt.

    Zurzeit ist die Seite noch zum Testen, da ich die richtige Seite meiner Schwester bald aktualisieren muss.

  4. #4
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    13.575
    User beschenken
    Wunschliste

    Standard

    In Deinem Template "3. Template (Hauptspalte)" scheint es ein zusätzliches </div> ohne zugehöriges <div>-Tag zu geben. Daher wird's dann das Layout zerhauen.
    Contao Community Administrator
    [Unterstützungsmöglichkeiten]

  5. #5
    Contao-Urgestein Avatar von zonky
    Registriert seit
    19.03.2010.
    Ort
    Berlin, Rdf
    Beiträge
    6.152
    User beschenken
    Wunschliste

    Standard

    Rück Deinen Code richtig ein, dann fallen Fehler schneller auf bzw. mach im FF mal Strg+u, da wird meistens "verquerer" Quellcode rot anmarkiert...

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •