Hallo,
meine Webseite arbeitet mit Jommla und ich will vom Tabellen-Layout mit einem Override auf ein komplettes div-Layout umstellen. Mein Problem ist, dass beim Aufruf eines einzelnen Artikels der Artikel zwar oben im Contentbereich beginnt, dann aber die nachfolgenden divs eingefügt werden und der Text des Artikels am Ende folgt. Es könnte deshalb ein Fehler im CSS-Layout sein, das ich selbst konstruiert habe.
Kann bitte jemand überprüfen, ob dieses Layout an sich "stabil" ist. Ich habe vom Code nur das reine Gerüst ohne die joomla-spezifischen Teile dargestellt:
Die Webseite sieht man unter
Danke für die Hilfe und viele Grüße,
Dietmar
meine Webseite arbeitet mit Jommla und ich will vom Tabellen-Layout mit einem Override auf ein komplettes div-Layout umstellen. Mein Problem ist, dass beim Aufruf eines einzelnen Artikels der Artikel zwar oben im Contentbereich beginnt, dann aber die nachfolgenden divs eingefügt werden und der Text des Artikels am Ende folgt. Es könnte deshalb ein Fehler im CSS-Layout sein, das ich selbst konstruiert habe.
Kann bitte jemand überprüfen, ob dieses Layout an sich "stabil" ist. Ich habe vom Code nur das reine Gerüst ohne die joomla-spezifischen Teile dargestellt:
Code:
<div id="container">
<!-- ================================ B A N N E R =================================== -->
<div id="banner" >
<div style="width:30%; float:left; padding-top:5px"> <!-- Sucheingabe- Anfang -->
</div> <!-- Sucheingabe - Ende -->
<div style="width:60%;vertical-align:bottom; float:right"> <!-- Foto - Anfang -->
<div style="padding-top:15px">
</div>
</div> <!-- Foto - Ende -->
<br clear="all" />
<div id="logoheader"> </div>
<div class="top1"> <!-- Zeile Breadcrumb -->
<div class="pw" style="width:90%; padding-top:10px"> <!-- Breadcrumb -->
</div> <!-- Breadcrumb -->
<div class="date" style="width:10%; padding-top:10px"> <!-- Datum -->
</div> <!-- Datum -->
</div> <!-- Zeile Breadcrumb -->
</div> <!-- ENDE BANNER -->
<!-- ============================= A L P H A ================================== -->
<div id="alpha"> <!-- linke Spalte-->
<div>
<div style="vertical-align:top" class="lcol">
<div class="leftrow">
</div>
</div>
<div class="bgline" >
</div>
</div>
</div> <!-- linke Spalte -->
<!-- ================================= D E L T A ==================================== -->
<div id="delta"> <!-- Beginn D E L T A -->
<div id="eta"> <!-- Beginn E T A -->
<div style="width:100%; border-top: 5px solid #ffffff;vertical-align:top">
<div>
</div>
</div>
<!-- ================================== B E T A ======================================= -->
<div id="beta"> <!-- rechte Spalte -->
<div style="vertical-align:top" class="rcol">
<div class="rightrow">
</div>
</div>
</div> <!-- rechte Spalte -->
<!-- ==================================== G A M M A =================================== -->
<div id="gamma"> <!-- Beginn Gamma (Mittlerer Bereich) -->
<!--############## verborgene Nachrichtenzeile ###################-->
<div>
<div>
<h1>
</h1>
</div>
</div>
<!--############## Contentbereich ###################-->
<div id="main">
<div class="main">
</div>
</div>
<!--<br clear="all" /> -->
<div style="float:left; padding-left:2px; padding-right:2px; width:100%">
<div>
</div>
</div>
<div style="float:left; padding-left:3px; padding-right:3px">
<div>
</div>
</div>
</div> <!-- Ende Gamma -->
<br clear="all" />
</div> <!-- Ende Eta -->
<br clear="all" />
</div> <!-- Ende Delta -->
<br clear="all" />
<!-- ================================ U N T E N ==================================== -->
<div id="footer" style="font-size:0.8em; text-align:center; vertical-align:bottom">
<!-- ##################################################################################### -->
<br clear="all" />
<!--############ Letzte Nachrichten und meistgelesene Nachrichten #####################-->
<div style="text-align:center">
<div id="zeile2" style="width:100%; margin:auto;">
<div style="width:24%; float:left; padding-left:3px; padding-right:3px">
<div style="text-align:left">
</div>
<div style="text-align:left">
<jdoc:include type="modules" name="pos12" style="xhtml"/>
</div>
</div>
<!--############ Bildernews, Wetter und Umfrage ##############-->
<div style="width:24%; float:left; padding-left:3px; padding-right:3px">
</div>
<div style="width:24%; float:left; padding-left:5px; padding-right:3px">
</div>
<div style="width:24%; float:left; padding-left:3px; padding-right:3px">
</div>
</div>
<br clear="all" />
</div>
<!--############ Ende Nachrichten ##############-->
<!-- ##################################################################################### -->
</div>
</div><!-- ------------------------ ENDE CONTAINER ---------------------------- -->Die Webseite sieht man unter
Danke für die Hilfe und viele Grüße,
Dietmar
. Ich habe bislang auch nichts gefunden. Aber trotzdem stimmt etwas nicht und zwar dann, wenn man von der Newsseite einen einzelnen Bericht aufruft. Sobald ich auf die div-Variante umschalte, erhalte ich das nachfolgende Brwoseransicht, in der der Artikel zerfetzt wird, dass oben die Überschrift und nach den verschiedenen Modulen der Text folgt.
