Darstellungs Problem nach Layoutänderung

webicoo · Beitrag von **webicoo** » Di 16. Nov 2004, 10:13

Hallo!

Ich spiele mich schon seit längerem mit Contenido, und bin wirklich paff, was da alles drinnensteckt ...

Ich habe nun das Layout ein wenig geändert,. Seit dem "hüpft" das Layout *sorry ich kann es nicht anders beschreiben*

1. Schaut einmal auf http://www.webicoo.com/cms/front_content.php (meine Testumgebung)

- oben der grosse banner, links die Hauptnavigation ...
- da passt alles

2. und jetzt klickt bitte in der Hauptnavigation auf "News"
- jetzt laden die Grafiken neu, nur leider "hüpft" das Layout ein wenig nach unten und

- der Banner ist nun weiter unten
- das Menü ebenso

Wo habe ich da den Fehler gemacht?

Vielen Dank für Eure Bemühungen

Mfg Peter

kummer · Beitrag von **kummer** » Di 16. Nov 2004, 10:56

nun, du hast im body-bereich zwei tabellen, die ineinanderverschachtelt sind. beide weisen eine höhe von 100% auf. allerdings ist die zweite tabelle in einer zelle, die nicht oben ausgerichtet ist, deshalb wird das ganze layout in der mitte des schirms zentriert.

am einfachsten dürfte sein, wenn du in der zelle, in der sich die zweite tabelle befindet den paramter valign auf top setzt:

Code: Alles auswählen

<td valign="top" [...]>

gruss,
andreas

webicoo · Beitrag von **webicoo** » Di 16. Nov 2004, 12:07

hallo andreas!

ich habe jetzt schon gesucht und ausprobiert, aber finde noch immer keine lösung.

interessant ist, wenn ich nach -> news, dann noch impressum und kontakt anklicke, dann wandert das layout immer weiter nach unten ...

habt ihr vielleicht noch einen tipp - schön langsam zweifle ich an mir

mfg peter

kummer · Beitrag von **kummer** » Di 16. Nov 2004, 12:15

das liegt einfach daran, dass diese punkte weniger inhalt im content-bereich haben.

alle zellen müssten das attribut 'valign="top"' aufweisen. und die höhe von zellen würde ich gar nicht festlegen, weil es nicht von allen browsern interpretiert wird.

webicoo · Beitrag von **webicoo** » Di 16. Nov 2004, 20:42

*schwitz*

habe jetzt einige sachen probiert, und bin draufgekommen, dass ich bei einigen start artikeln das "standard-template" nicht ausgewählt hatte.

so und jetzt weiss ich nicht mehr weiter

besonders wenn ich auf den menüpunkt "produkte" klicke springt das menü wie ein känguruh

irgendwie steh ich jetzt an

ich weiss echt nicht mehr weiter *help*

mfg peter

ps: hier ist der code meines standard layouts - vielleicht habt ihr einen tipp

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
        <title>Tamiya Austria www.tamiya.at</title>
        <link rel="stylesheet" type="text/css" href="css/format.css">
</head>

<body bgcolor="white" style="margin:0px">
<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
<tr><td height="5"></td></tr>
<tr><td align="center">
<table width="800" border="0" height="100%" cellspacing="0" cellpadding="0">
 <tr>
   <td valign="top" width="400" align="center" colspan="3">
     <table width="100%" border="0" cellspacing="0" cellpadding="0" background="images/background.jpg" style="border: 1px;border-color: #000000; border-style: dashed; background-color: #FFFFFF">
     <tr><td>
     <table border="0" cellspacing="0" cellpadding="0" width="800" height="100">
     <tr><td> </td></tr><tr><td align="right" valign="bottom">

  

     </td></tr>
     </table>
     </td></tr>
     </table>

   </td>
  </tr>
<tr><td colspan="3" align="center"> CMS_CONTAINER[2]</td></tr>

  <tr><td colspan="3" height="5"></td></tr>



  <tr>
    <td align="right" valign="top">
     <!--navi-->
     CMS_CONTAINER[4]
     <!--navi ende-->

    </td>
     <td valign="top">
      <!--inhalt-->
        <table width="450" height="50%" border="0" cellspacing="0" cellpadding="0" style="border: 1px;border-color: #000000; border-style: dashed; background-color: #FFFFFF">
         <tr><td height="20" colspan="2"> </td></tr>
        <tr><td rowspan="3" width="25"> </td>
        <td valign="top" height="30" class="headline">CMS_CONTAINER[5]</td></tr>
        <tr><td valign="top" height="30" class="subheadline">CMS_CONTAINER[6]</td></tr>
        <tr><td valign="top" height="100%" class="text">CMS_CONTAINER[7]</td></tr>
     </table>
       <!--inhalt ende-->
      </td>

     <td align="center" valign="top">

        <table cellspacing="0" cellpadding="0" border="0">

            <tr>
                <td>CMS_CONTAINER[8]</td>
            </tr>
            
            <tr>
                <td>CMS_CONTAINER[9]</td>
            </tr>
            
            <tr>
                <td>CMS_CONTAINER[10]</td>
            </tr>

        </table>

</td></tr></table>

</td></tr></table>
</body>
</html>

kummer · Beitrag von **kummer** » Di 16. Nov 2004, 21:02

vielleicht bin ich blind, aber ich sehe hier nirgends ein valign-attribut:

Code: Alles auswählen

<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
<tr><td height="5"></td></tr>
<tr><td align="center">
<table width="800" border="0" height="100%" cellspacing="0" cellpadding="0">

mach das mal so:

Code: Alles auswählen

<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
<tr><td height="5"></td></tr>
<tr><td align="center" valign="top">
<table width="800" border="0" height="100%" cellspacing="0" cellpadding="0">

webicoo · Beitrag von **webicoo** » Di 16. Nov 2004, 21:21

habs jetzt eingefügt ... springt noch immer ...

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
        <title>Tamiya Austria www.tamiya.at</title>
        <link rel="stylesheet" type="text/css" href="css/format.css">
</head>

<body bgcolor="white" style="margin:0px">
<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
<tr><td height="5"></td></tr>
<tr><td align="center" valign="top">
<table width="800" border="0" height="100%" cellspacing="0" cellpadding="0">
 <tr>
   <td valign="top" width="400" align="center" colspan="3">
     <table width="100%" border="0" cellspacing="0" cellpadding="0" background="images/background.jpg" style="border: 1px;border-color: #000000; border-style: dashed; background-color: #FFFFFF">
     <tr><td>
     <table border="0" cellspacing="0" cellpadding="0" width="800" height="100">
     <tr><td> </td></tr><tr><td align="right" valign="bottom">

  

     </td></tr>
     </table>
     </td></tr>
     </table>

   </td>
  </tr>
<tr><td colspan="3" align="center"> CMS_CONTAINER[2]</td></tr>

  <tr><td colspan="3" height="5"></td></tr>



  <tr>
    <td align="right" valign="top">
     <!--navi-->
     CMS_CONTAINER[4]
     <!--navi ende-->

    </td>
     <td valign="top">
      <!--inhalt-->
        <table width="450" height="50%" border="0" cellspacing="0" cellpadding="0" style="border: 1px;border-color: #000000; border-style: dashed; background-color: #FFFFFF">
         <tr><td height="20" colspan="2"> </td></tr>
        <tr><td rowspan="3" width="25"> </td>
        <td valign="top" height="30" class="headline">CMS_CONTAINER[5]</td></tr>
        <tr><td valign="top" height="30" class="subheadline">CMS_CONTAINER[6]</td></tr>
        <tr><td valign="top" height="100%" class="text">CMS_CONTAINER[7]</td></tr>
     </table>
       <!--inhalt ende-->
      </td>

     <td align="center" valign="top">

        <table cellspacing="0" cellpadding="0" border="0">

            <tr>
                <td>CMS_CONTAINER[8]</td>
            </tr>
            
            <tr>
                <td>CMS_CONTAINER[9]</td>
            </tr>
            
            <tr>
                <td>CMS_CONTAINER[10]</td>
            </tr>

        </table>

</td></tr></table>

</td></tr></table>
</body>
</html>

hat es vielleicht mit den html templates etwas zu tun, die unter
cms/templates zu finden sind? (nav first_on, ... _off etc.) ?

mfg peter

anjin san · Beitrag von **anjin san** » Mo 29. Nov 2004, 04:03

Hallo
Also wenn ich mir den Quellcode der Seite anschaue,
sind da gar viele verschachtelte Tabellen.
Allein bis die Hilfsnavi kommt sind 4 Tabellentags geöffnet.
Und der Output der Hilfsnavi schachtelt noch 2 Tabellen hinein.
Ich habe die Erfahrung gemacht, dass derart verschachtelte Tabellen immer Probleme machen, zumal die einzelnen Module im Output auch noch genug Tabellen produzieren.

Versuch mal das Layout mit absolut positionierten "div" Containern zu basteln und alle Layoutanweisungen in ein Stylesheet zu exportieren.

In diese Div Container baust du dann die CMS_Module ein.
Macht das Layout viel übersichtlicher und eine Fehlersuche einfacher.

Bei derart verschachtelten Tabellen, mit unterschiedlichen Grössenangaben wie % und Pixel reagieren Browser wie Menschen.
Völlig unberechenbar.