✔ Fehler in der Tabelle?

Status
Nicht offen für weitere Antworten.
W

wavetraxx

Erfahrenes Mitglied
Hallo,

ich habe ein Problem mit der Darstellung meiner Tabelle/Website. Aus irgendeinem Grund wird die Seite grösser Dargestellt als eingeben, dabei zeigt es mir unten, wo die Tabelle und Website fertig ist, einen zusätzlichen weissen Balken (209 pixel hoch)?!

Tabelle 100% breit und 100% hoch, darunter weisser Balken !?

Kann mir jemand weiterhelfen? Wo liegt der Fehler?

Quellcode findet ihr hier: http://de.klick-music.ch
 
Ob Du vielleicht Dinen Quelltext in einer ordentlichen Form posten könntest?
So macht es ehrlich gesagt keinen Spaß Deinen Quelltext zu lesen und nach einem Fehler zu suchen, ...

redlama
 
@redlama
Sorry, hier also der Quellcode:

Code: 
<%@ Control Language="c#" AutoEventWireup="false" Inherits="espod.DesktopModules.DesktopDefault" %>
<%@ Register TagPrefix="espod" TagName="SiteAdminIcons" Src="~/admin/DesktopModules/SiteAdminIcons.ascx"%>
<%@ Register TagPrefix="glob" Namespace="Esperantus.WebControls" Assembly="Esperantus" %>
<%@ Register TagPrefix="espod" TagName="Pane" Src="~/admin/DesktopModules/Pane.ascx" %>
<%@ Register TagPrefix="espod" TagName="SearchForm" Src="~/DesktopModules/Generic/SiteSearch/SearchForm.ascx" %>
<%@ Register TagPrefix="glob_ui2" Namespace="espod.Globalization.UI.WebControls" Assembly="espod.Globalization" %>
<%@ Register TagPrefix="glob_ui" Namespace="Esperantus.WebControls" Assembly="Esperantus" %>
<%@ Register TagPrefix="espod" TagName="AccountGenerator" Src="~/HelperComponents/AccountGenerator.ascx" %>
<!-- header table -->

<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" bgcolor="#CCCCCC">

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr> 
    <td align="center" bgcolor="#CCCCCC"> 
      <table width="800" height="90%" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td width="800" height="79">
            <table width="800" height="79" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td height="56" bgcolor="666699" background="<%# GetPathOfResource("images/banner_logo.jpg")%>"><espod:SiteAdminIcons id="SiteAdminIcons1" Top="0" Left="40" runat="server" /></td>
                <td width="641" height="56" background="<%# GetPathOfResource("images/banner_flamingoes.jpg")%>"></td>
              </tr>
              <tr>
                <td height="7" background="<%# GetPathOfResource("images/banner_music_publishing.jpg")%>"></td>
                <td width="641" height="7" bgcolor="#CCCCFF"></td>
              </tr>
              <tr bgcolor="666699">
                <td height="16" colspan="2" align="center"><table width="50%"  border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td><espod:Pane id="TopNavi" runat="server" /></td>
                  </tr>
                </table>                  </td>
              </tr>
          </table></td>
        </tr>
        <tr>
          <td width="800">
            <table width="800" height="100%" border="0" cellpadding="8" cellspacing="0">
              <tr>
                <td width="144" rowspan="6" valign="top" bgcolor="#CCCCFF"><table width="100%"  border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                      <td><espod:SearchForm id="SearchForm1" TextBoxWidth="100" runat="server"></espod:SearchForm></td>
                    </tr>
                    <tr>
                      <td><espod:Pane id="LeftPane" runat="server" /></td>
                    </tr>
                    <tr>
                      <td><espod:Pane id="LeftPaneSub" runat="server" /></td>
                    </tr>
                </table></td>
                <td width="464" rowspan="7" valign="top" bgcolor="#FFFFFF"><espod:Pane id="ContentPane" ContentPane="true" runat="server" /></td>
                <td width="144" valign="top" bgcolor="#CCCCFF"><espod:Pane id="RightPane"  PaneHorizontalAlign="right" runat="server" /></td>
              </tr>
              <tr>
                <td width="144" valign="top" bgcolor="#CCCCFF"><espod:Pane id="RightPaneSub"  PaneHorizontalAlign="right" runat="server" /></td>
              </tr>
              <tr>
                <td width="144" valign="top" bgcolor="#CCCCFF">&nbsp;</td>
              </tr>
              <tr>
                <td width="144" valign="top" bgcolor="#CCCCFF">&nbsp;</td>
              </tr>
              <tr>
                <td width="144" valign="top" bgcolor="#CCCCFF">&nbsp;</td>
              </tr>
              <tr>
                <td width="144" valign="top" bgcolor="#CCCCFF">&nbsp;</td>
              </tr>
              <tr>
                <td valign="top" bgcolor="#CCCCFF"><a href="#" onMouseOver="window.status='Printer Version'" onClick="popupWindow('Default_Print.aspx?<%# Request.QueryString.ToString() %>', 'espod_Printer_Version', 810, 600)"> <glob_ui:label id="lblPrintPage" runat="server" TextKey="PRINT_PAGE">Seite drucken</glob_ui:label>&nbsp;<img src="<%# SiteDesignRelPath %>/Images/print_icon.gif" width="18" height="14" alt="print" border="0"></a>&nbsp;&nbsp;</td>
                <td width="144" valign="top" bgcolor="#CCCCFF"><glob_ui:label id="lblTopOfPage" runat="server" TextKey="TOP_OF_PAGE">Nach oben</glob_ui:label>&nbsp;</td>
              </tr>
          </table></td>
        </tr>
      </table>
      <p><font color="#333399" size="1" face="Arial, Helvetica, sans-serif">contact 
        information or | company blurb etc</font></p>
      <font color="#333399" size="1" face="Arial, Helvetica, sans-serif">official 
        info </font>
    </td>
  </tr>
</table>

Wenn ich den Quell-Code als neue HTM-Seite abspeichere und dann im Exploerer veröffentliche, wird die Seite korrekt angezeigt, aber die Originaldatei (default.ascx) eben nicht, darum habe ich den Link angegeben um den Quellcode dirket auf der Website zu holen!

Für mich unbegreiflich wieso diese Seite nicht korrekt angezeigt wird...? :rolleyes:
 
Hi,

du hast ziemlich am Ende ein DIV mit der ID divMenu_dd_ActionSelection. Dieses versteckst
du mit der CSS-Eigenschaft visibility: hidden. Damit ist der Container zwar nicht sichtbar, der
Platz wird jedoch bereits zur Verfügung gestellt. Das hat den Abstand bis zum unteren Ende zur
Folge.

Um das zu umgehen, empfehle ich dir, den Container mit display: none zu verstecken. Willst
du ihn wieder einblenden, display einfach auf block setzen (display: block).

Ciao
Quaese
 
@Quaese
also ich finde in meinem Original-Code weder ein "divMenu_dd_ActionSelection" noch ein "div"!
Dafür beim Quelltext auf der Onlinesite? :eek: :eek: :eek:

Wieso den das? Beim Original-Code denn ich hier eingefügt habe, ist dieser Teil gar nicht dabei?

Also jetzt verstehe ich noch weniger

Wieso wird der Code verändert?
 
Deine Tabelle zeigt 100% der Seitenhöhe an, das ist ok!
Allerdings wirklich nur 100% der Seitenhöhe, also nicht 100% der kompletten Seite!
Falls Du den Unterschied verstehst, ...
Ich denke auch, dass es an dem von Quaese beschrieben Teil des Codes liegen wird.

redlama
 
Hallo Redlama,

ja ich glaube es liegt am Quaese beschrieben Teil des Codes.

Aber mir ist nicht klar, wieso der Original-Code verändert wird, sobald er Online ist?

Der Original-Code (ich bearbeite meine Seite via Dreamweaver) habe ich ja hier im Forum angehängt. Und bei diesem Code gibt es ja keine Stelle mit dem "divMenu_dd_ActionSelection"? :(

Allerdings wirklich nur 100% der Seitenhöhe, also nicht 100% der kompletten Seite!
Falls Du den Unterschied verstehst, ...
Bitte auch mal erklären, sowas höre ich zum ersten mal :rolleyes:
 
Wenn Du die Seite nicht maximiert hast (also nicht so groß wie möglich), dann wird nicht der komplette Teil der Seite ausgefüllt. Wenn Du Seite nur in der halben Größe des Bildschirmes geöffnet hast, dann fehlt unten z. B. das "official info". Das erscheint ert, wenn man die Seite nach unter verlängert. Und dann wird auch die Tabelle länger, als sie zuvor war.
Wenn Du die Seite maximiert hast, dann wird die Tabelle aber auch nur im sichtbaren bereicher erstellt, scrollt man nach unten, dann ist der untere Bereich weiß (wie Du ja selbst beschrieben hast).
Dem zufolge entspricht Dein 100% Höhe nur dem sichtbaren Bereich, alles darunter gehört nicht mehr zu den 100% sondern alles ab 101%, ...

redlama
 
Hi,

ich denke, dass der Teil mit der oben angegebenen ID durch das JavaScript dnd.js ins
Dokument geschrieben wird. Eventuell die Form eines Menues mit Untermenuepunkten, die
als mouseover-Effekt oder ähnliches eingeblendet werden (bis dahin werden sie versteckt an
das Ende des Dokumentes geschrieben) - genauer angesehen habe ich es mir aber nicht.

Ciao
Quaese
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück