iframe mit left-margin:0px u. right-margin:0px?

assmaje · 19 März 2008

Hi Leute. :-)

Auf meiner Webseite (eine Tabelle) habe ich mittels iframe meine Datenbank eingebunden. Nur das Problem ist, dass margin:0px irgendwie nicht wirkt. Ich will, dass das iframe genau am Rand der Tabelle "klebt".

Code:

<iframe src="..." style="margin-left:0px; margin-right:0px">

Hat nicht gefunzt.

Code:

<iframe class="Datenbank" src="...">

und:

.Datenbank { left-margin:0px; right-margin:0px }

Auch nicht. :-(

Hoffe ihr könnt mir helfen.
Danke.

neuroleptika · 19 März 2008

Abstand iframe

assmaje schrieb:
.. Ich will, dass das iframe genau am Rand der Tabelle "klebt"...

Ohne Beispielansicht kann ich nur raten.
Versuche mal herauszubekommen ob der Abstand in der Tabellenzelle oder in der iframe-Datei selber steckt.

Code:

<iframe src="..." style="border: 1px solid #000000" />

Wenn der Abstand auf der innenseite des Rahmens ist, setze die Abstände von body auf null (in der frame-Datei):

Code:

body {
margin: 0px;
padding: 0px;
}

Wenn der Abstand außerhalb des Rahmens ist, zeige mal den Code der ganzen Tabelle mit rahmen um die Zelle (td).
Oder table, wenn der Frame nicht in der Tabelle ist.
Wenn der iframe unter oder neben der Tabelle Angezeigt werden soll:

Code:

table {
margin: 0px;
}

assmaje · 19 März 2008

Hier der Code:

Code:

<HTML>
<HEAD>
<TITLE>www.softmedia.de.nr | Home</TITLE>
<link rel="stylesheet" type="text/css" href="Style.css">

<script type="text/javascript" src="scriptaculous/lib/prototype.js"></script>
<script type="text/javascript" src="scriptaculous/src/scriptaculous.js"></script>

<style type="text/css">
.nav:link { color:#000000; text-decoration:none; }
.nav:visited { color:#000000; text-decoration:none; }
.nav:focus { background-color:#F0E0AA; text-decoration:none; }
.nav:hover { background-color:#F0E0AA; text-decoration:none; }
.nav:active { background-color:#F0E0AA; text-decoration:none }

.none:link { color:#FFFFFF }
.none:link { color:#FFFFFF }
.none:link { color:#FFFFFF }
.none:link { color:#FFFFFF }
.none:link { color:#FFFFFF }
</style>

</HEAD>
<BODY>

  <table width="80%"; border="0px"; cellspacing="0px"; cellpadding="0px"; align="center">

    <tr>
      <td bgcolor="#FF8C00">

        <div align="right">
          <span style="font-size:10px">
            <a href="Home.html">Home</a> | <a href="Impressum.html">Impressum</a>&nbsp;&nbsp;
          </span>
        </div>

        <div style="margin-left:20px">

        <br>
        <a class="info"href="Home.html"><img src="SL.png"; border="0"><span style="font-size:12px">
          Zurück zur Startseite.
        </span></a>

        <br>
        <span style="font-size:11px; color:#FFFFFF">
          Das große Downloadportal für deinen PC und deine PSP.
        </span>

        </div>

        <br>

        <!-- Beginn Suche -->

        <form method=post action="planetsearchplus/planetsearchplus.php">
          <table border="0"; cellspacing="5"; cellpadding="0"; align="right">
            <tr> 
              <td> 
                <input type="text" name="search_exp" class="sform">
              </td>

              <td> 
                <input type="submit" value="Finden" name="submit" class="sbutton">
                <input type="hidden" name="exp_full" value="no" checked>
                <input type="hidden" name="exp_capital" value="no" checked>
              </td>
            </tr>
          </table>
        </form>

        <!-- Ende Suche -->

      </td>
    </tr>

    <tr>
      <td height="150"; align="center"; style="background-image:url(FV.png); background-repeat:repeat-x">

        <a class="info" href="PSP/PSP.html"><img src="PSP/PSP.png"; border="0"><span style="font-size:12px">
          Hier findest Du Downloads für Deine PSP.
        </span></a>

        <span class="Leerzeichen">

        <a class="info" href="PC/PC.html"><img src="PC/PC.png"; border="0"><span style="font-size:12px">
          Hier findest Du Downloads für Deinen Windows-Computer.
        </span></a>

      </td>
    </tr>

    <tr>
      <td bgcolor="#FFFFFF">

        <div style="margin-left:20px; font-size:12px; color:#000000">

          <h1>Home</h1>

          Diese <a href="Home.html">Seite</a> befindet sich momentan noch im Aufbau.<br>

          <a href="#" class="none" onclick="Effect.toggle('News', 'blind'); return false;">
            <h1>News <span style="font-size:12px">(ein- /ausfahren)</span></h1>
          </a>

          <div id="News" style="width:100%; height:100%; padding:0px">

            Sonntag, 16. März 2008<br><br>

            Text Text Text Text Text Text<br>
            Text Text Text Text Text Text<br>
            Text Text Text Text Text Text<br><br>

            Mittwoch, 19. März 2008<br><br>

            Text Text Text Text Text Text<br>
            Text Text Text Text Text Text<br>
            Text Text Text Text Text Text

          </div>

          <br>
            <iframe src="http://baseportal.de/cgi-bin/baseportal.pl?htx=/Onlinefreak/PSPDemos"; width="100%"; height="600px"; frameborder="0"; style="margin-left:0px; margin-right:0px">

       </td>
     </tr>

     <tr>
       <td>

          <div style="height:50px; background-image:url(FV2.png); background-repeat:repeat-x"; align="center">

            <span style="font-size:10px">
              Copyright &copy; Softmedia 2008 | Version 0.1 | by Jens Assmann | <a href="Impressum.html">Impressum</a>
            </span>

          </div>

      </td>
    </tr>

  </table>

</BODY>
</HTML>

Und noch das style-sheet:

Code:

body { background-image:url(BG.png);
       margin:0px;
       padding:0px;
       font-family:Arial; }

a:link { color:#000000; text-decoration:underline; }
a:visited { color:#000000; text-decoration:underline; }
a:focus { color:#000000; text-decoration:underline; }
a:hover { color:#FF8C00; text-decoration:underline; }
a:active { color:#FF8C00; text-decoration:underline; }

a.info { text-decoration: none; }
a.info:hover { cursor: help; }
a.info span { visibility: hidden; position: absolute; left: 50%; margin-top: -2em; padding: 0.5em; text-decoration:none; }
a.info:hover span { visibility: visible; border: 1px solid #FFC125; background:#FFFACD; color: #8B0000; }

h1 { font-size:20px;
     font-weight:bold;
     color:#FF8C00; }

.Leerzeichen { margin-left:40px }

:???:

neuroleptika · 19 März 2008

Nach einem Div braucht man kein <br />
<div> ist ein Blockelement und erzeugt einen eigenen Umbruch:

Code:

<br> <!--Dieses br streichen-->
<iframe src="http://baseportal.de/cgi-bin/baseportal.pl?htx=/Onlinefreak/PSPDemos"; width="100%"; height="600px"; frameborder="0"; style="margin-left:0px; margin-right:0px">
</td>

Das br hat den unnötigen Abstand erzeugt.

assmaje · 19 März 2008

neuroleptika schrieb:
Nach einem Div braucht man kein <br />
<div> ist ein Blockelement und erzeugt einen eigenen Umbruch:

Code:

<br>  <iframe src="http://baseportal.de/cgi-bin/baseportal.pl?htx=/Onlinefreak/PSPDemos"; width="100%"; height="600px"; frameborder="0"; style="margin-left:0px; margin-right:0px"> </td>

Das br hat den unnötigen Abstand erzeugt.

Ich hab das <br> beseitigt, doch es funktioniert immer noch nicht... :(
Vielleicht sollte ich den Javascript-Effekt wegmachen, wenn man auf "News" klickt. (softmedia.de.nr | Home)

Code:

<HTML>
<HEAD>
<TITLE>www.softmedia.de.nr | Home</TITLE>
<link rel="stylesheet" type="text/css" href="Style.css">

<script type="text/javascript" src="scriptaculous/lib/prototype.js"></script>
<script type="text/javascript" src="scriptaculous/src/scriptaculous.js"></script>

<style type="text/css">
.nav:link { color:#000000; text-decoration:none; }
.nav:visited { color:#000000; text-decoration:none; }
.nav:focus { background-color:#F0E0AA; text-decoration:none; }
.nav:hover { background-color:#F0E0AA; text-decoration:none; }
.nav:active { background-color:#F0E0AA; text-decoration:none }

.none:link { color:#FFFFFF }
.none:link { color:#FFFFFF }
.none:link { color:#FFFFFF }
.none:link { color:#FFFFFF }
.none:link { color:#FFFFFF }
</style>

</HEAD>
<BODY>

  <table width="80%"; border="0px"; cellspacing="0px"; cellpadding="0px"; align="center">

    <tr>
      <td bgcolor="#FF8C00">

        <div align="right">
          <span style="font-size:10px">
            <a href="Home.html">Home</a> | <a href="Impressum.html">Impressum</a>&nbsp;&nbsp;
          </span>
        </div>

        <div style="margin-left:20px">

        <br>
        <a class="info"href="Home.html"><img src="SL.png"; border="0"><span style="font-size:12px">
          Zurück zur Startseite.
        </span></a>

        <br>
        <span style="font-size:11px; color:#FFFFFF">
          Das große Downloadportal für deinen PC und deine PSP.
        </span>

        </div>

        <br>

        <!-- Beginn Suche -->

        <form method=post action="planetsearchplus/planetsearchplus.php">
          <table border="0"; cellspacing="5"; cellpadding="0"; align="right">
            <tr> 
              <td> 
                <input type="text" name="search_exp" class="sform">
              </td>

              <td> 
                <input type="submit" value="Finden" name="submit" class="sbutton">
                <input type="hidden" name="exp_full" value="no" checked>
                <input type="hidden" name="exp_capital" value="no" checked>
              </td>
            </tr>
          </table>
        </form>

        <!-- Ende Suche -->

      </td>
    </tr>

    <tr>
      <td height="150"; align="center"; style="background-image:url(FV.png); background-repeat:repeat-x">

        <a class="info" href="PSP/PSP.html"><img src="PSP/PSP.png"; border="0"><span style="font-size:12px">
          Hier findest Du Downloads für Deine PSP.
        </span></a>

        <span class="Leerzeichen">

        <a class="info" href="PC/PC.html"><img src="PC/PC.png"; border="0"><span style="font-size:12px">
          Hier findest Du Downloads für Deinen Windows-Computer.
        </span></a>

      </td>
    </tr>

    <tr>
      <td bgcolor="#FFFFFF">

        <div style="margin-left:20px; font-size:12px; color:#000000">

          <h1>Home</h1>

          Diese <a href="Home.html">Seite</a> befindet sich momentan noch im Aufbau.<br>

          <a href="#" class="none" onclick="Effect.toggle('News', 'blind'); return false;">
            <h1>News <span style="font-size:12px">(ein- /ausfahren)</span></h1>
          </a>

          <div id="News" style="width:100%; height:100%; padding:0px">

            Sonntag, 16. März 2008<br><br>

            Text Text Text Text Text Text<br>
            Text Text Text Text Text Text<br>
            Text Text Text Text Text Text<br><br>

            Mittwoch, 19. März 2008<br><br>

            Text Text Text Text Text Text<br>
            Text Text Text Text Text Text<br>
            Text Text Text Text Text Text

          </div>

          <iframe src="http://baseportal.de/cgi-bin/baseportal.pl?htx=/Onlinefreak/PSPDemos"; width="100%"; height="600px"; frameborder="0"; style="margin-left:0px; margin-right:0px">

       </td>
     </tr>

     <tr>
       <td>

          <div style="height:50px; background-image:url(FV2.png); background-repeat:repeat-x"; align="center">

            <span style="font-size:10px">
              Copyright &copy; Softmedia 2008 | Version 0.1 | by Jens Assmann | <a href="Impressum.html">Impressum</a>
            </span>

          </div>

      </td>
    </tr>

  </table>

</BODY>
</HTML>

neuroleptika · 19 März 2008

Lade die Seite doch mal auf eine erreichbare url und geb uns einen link.

assmaje · 19 März 2008

Hab ich doch?

softmedia.de.nr | Home

Und hier noch ohne die domain:

assmaje.as.funpic.de

neuroleptika · 19 März 2008

Den Link habe ich übersehen.
Ich habe dem iframe einen Rahmen gegeben. So wie ich es auch dir empfohlen habe.
screenshot:
http://css-spalten.red-rod.net/test/rezepte.png
Welcher Abstand soll nun weg?

iframe mit left-margin:0px u. right-margin:0px?

assmaje

Neues Mitglied

neuroleptika

Aktives Mitglied

assmaje

Neues Mitglied

neuroleptika

Aktives Mitglied

assmaje

Neues Mitglied

neuroleptika

Aktives Mitglied

assmaje

Neues Mitglied

neuroleptika

Aktives Mitglied

Neueste Beiträge