Ergebnis 1 bis 4 von 4

Thema: wieso sprengt hier das iframe das layout?

  1. #1
    Samurai
    Registriert seit
    07.08.2005
    Beiträge
    231
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard wieso sprengt hier das iframe das layout?

    man ist das alles kompliziert. behebt man das eine problem kommt direkt ein neues.
    http://www.dein-forum.de/freshn2/htm/
    wieso werden die teile links und rechts nach untern versetzt?
    vor dem iframe waren sie neben dem blauen block in der mitte

    Danke schonmal im vorraus!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!


  2. #2
    Forum Guru
    Registriert seit
    13.01.2005
    Ort
    Schweiz
    Beiträge
    5.240
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    du musst nicht jedes mal ein neuer thread öffnen..schreib bitte in den alten.

  3. #3
    Kaiserliche Hoheit
    Registriert seit
    15.07.2005
    Ort
    Hagen (NRW)
    Beiträge
    1.515
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Quelltext:

    Code:
    <table width="800" border="0">
      <tr>
    
        <td>
    	
    <table width="800" border="0">
      <tr>
        <td>
    im Grundgerüst und im innerem Grundgerüst fehlt das valign.
    Zoggerforum.de Betreuer * Mod @ ibforen.de * Admin @ daoc-ds.de
    ICQ Nummer kann via PN erfragt werden

  4. #4
    Forum Guru
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Moin!

    Vorweg: dein Layout wird ganz korrekt so angezeigt, genau so wie der Quelltext es vorgibt.

    Die Fehler sind:

    1. die Tabellen haben alle keine Angabe zum Cellspacing und Cellpadding, fehlen diese Angaben, dann nehmen die Browser automatisch 1 Pixel und es entstehen Risse im Layout.

    2. in der linken Zelle des "inneren Gerüstes" steckt eine weiter Tabellle, da die Zelle nicht auf "valign='top'" gestellt ist, wir die ganze Tabelle logischerweise horizontal zentriert. Gleiches gilt für die Unter-Tabelle rechts.

    3. Du machst nirgends Angaben zur Höhe der Tabellen(-zellen). Die Layouthöhe wird einzig von der Höhe des I-Frames bestimmt. Das ist eine schlechte Lösung, weil es u.U. 2 Scrollbalken zur Folge hat: eine innerhalb des I-Frames (wenn dort zu langer Text angezeigt wird) und ggf. zusätzlich eine Browserscrolleiste rechts, wenn der Monitor (bzw. das Browserfenster auf dem Monitor) des Besuchers zu klein ist.
    Andererseits nutzt du bei größeren Monitoren den verfügbaren Platz nicht aus und zwingst dann zum Scrollen, wo es gar nicht nötig ist.

    4. Der Verweis zur W3.org in der Dokumenttyp-Deklaration zerstört bei allen Browsern die Höhenangaben bei Tabellen und sollte deshalb weggelassen werden.
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    reicht völlig aus.

    5. diie äußere Tabelle macht irgendwie gar keinen Sinn, ist unnötiger Quelltext-Balast.

    6. CSS-Angaben sind falsch definiert.

    7. Werte sollten grundsätzlich in Anführungszeichen gestellt werden:
    Code:
    <body bgcolor="white" text="black" link="black" vlink="black" alink="black">
    Tip: Beim Erstellen von Tabellenlayouts zunächst Border auf 1 Pixel stellen, dann sieht man die Fehler selbst.

    Dein korrigiertes Layout:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>titel</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style>
    <--A&#58;link &#123;text-decoration&#58; none;&#125;
        A&#58;visited &#123;text-decoration&#58; none;&#125;-->
    </style>
    </head>
    
    <body bgcolor="white" text="black" link="black" vlink="black" alink="black">
    <center>
    
    
    <table width="800" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>
    
    <table width="800" border="0" cellspacing="0" cellpadding="0" style="height&#58;100%">
      <tr>
        <td valign="top">
    
    <table width="150" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td bgcolor="#336699" align="left" valign="top"><font color="white">Home</font></td>
      </tr>
      <tr>
        <td></td>
      </tr>
      <tr>
        <td></td>
      </tr>
      <tr>
        <td></td>
      </tr>
      <tr>
        <td></td>
      </tr>
      <tr>
        <td></td>
      </tr>
    </table>
    
            </td>
        <td align="center" valign="top">
    
    <table width="500" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td bgcolor="#336699" align="left" valign="top">
    </td>
      </tr>
      <tr>
        <td><iframe src="1.htm" name="mitte" width="100%" height="400" scrolling="auto" frameborder="0" id="iframe"></iframe></td>
      </tr>
    </table>
            </td>
        <td valign="top">
    
    <table width="150" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td bgcolor="#336699" align="left" valign="top"><font color="white">Fotoalbum</font></td>
      </tr>
      <tr>
        <td></td>
      </tr>
      <tr>
        <td></td>
      </tr>
      <tr>
        <td></td>
      </tr>
      <tr>
        <td></td>
      </tr>
      <tr>
        <td></td>
      </tr>
    </table>
    
            </td>
      </tr>
    </table>
    
            </td>
      </tr>
      <tr>
        <td bgcolor="#336699" align="center"><font color="white">geknascht</font></td>
      </tr>
    </table>
    
    </center>
    </body>
    </html>
    Und hier noch ein Beispiel, wie ich es in etwa lösen würde:
    Code:
    <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>titel</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    <!--
    a&#58;link &#123;text-decoration&#58; none;&#125;
    a&#58;visited &#123;text-decoration&#58; none;&#125;
    
    body &#123;
         background-color&#58;#E8E8E8;
         margin&#58;0px;
         &#125;
    
    .navi &#123;
          font-size&#58;13px;
          font-color&#58;#00003F;
          width&#58;150px;
          margin&#58;3px 5px;
          &#125;
    .outertable
          &#123;
          width&#58;100%;
          height&#58;100%;
          background-color&#58;#FFFFFF;
          &#125;
    -->
    </style>
    </head>
    
    <body>
    <center>
    
    <table border="0" cellspacing="0" cellpadding="0" class="outertable">
      <tr style="background-color&#58;#336699;height&#58;18px; color&#58;#FFFFFF; font-size&#58;13px; font-weight&#58;bold">
        <td valign="top" style="width&#58;160px;padding-left&#58;5px">Home</td>
        <td valign="top" style="width&#58;100%;;padding-left&#58;5px">Content</td>
        <td valign="top" style="width&#58;160px;;padding-left&#58;5px">Fotoalbum</td>
      </tr>
      <tr>
        <td valign="top">
          
          <table border="0" cellspacing="0" cellpadding="0" class="navi">
            <tr>
              <td>1. Zeile</td>
            </tr>
            <tr>
              <td>2. Zeile</td>
            </tr>
            <tr>
              <td>3. Zeile</td>
            </tr>
            <tr>
              <td>4. Zeile</td>
            </tr>
            <tr>
              <td>5. Zeile</td>
            </tr>
          </table>
        </td>
        <td valign="top" style="border-left&#58;1px solid black;border-right&#58;1px solid black; ">
          <iframe src="http&#58;//forum-hilfe.de" name="mitte" width="100%" height="100%" scrolling="auto" frameborder="0" id="iframe" ></iframe>
        </td>
        <td valign="top">
          
          <table border="0" cellspacing="0" cellpadding="0" class="navi">
            <tr>
              <td>1. Zeile</td>
            </tr>
            <tr>
              <td>2. Zeile</td>
            </tr>
            <tr>
              <td>3. Zeile</td>
            </tr>
            <tr>
              <td>4. Zeile</td>
            </tr>
            <tr>
              <td>5. Zeile</td>
            </tr>
          </table>
        </td>
      </tr>
      <tr style="background-color&#58;#336699;height&#58;18px; color&#58;#FFFFFF; font-size&#58;13px; font-weight&#58;bold">
        <td colspan="3" style="text-align&#58;center">geknascht</td>
      </tr>
    </table>
    </center>
    </body>
    </html>
    G.a.d.M.

    Ronald

Ähnliche Themen

  1. Wieso abstand
    Von minder im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 01.03.2008, 18:14
  2. Tabellen-Layout in DIV-Layout umändern...
    Von Peter_Pan im Forum HTML & CSS Forum
    Antworten: 16
    Letzter Beitrag: 22.03.2007, 21:29
  3. wieso geht das so?
    Von hilfesuchende im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 24.09.2006, 16:20
  4. webstats4u sprengt mein Design
    Von Knüps im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 17.11.2005, 04:17
  5. wieso ist das so?
    Von davidos_no.1 im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 30.09.2005, 15:15

Stichworte

Berechtigungen

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