patrick1987@web.de: kleines Rahmen Problem *WICHTIG*

Nabend alle zusammen,

URL: http://www.flixsi.de/Patrick/schuhhaus/index.php
Problem: Oben links der kleine gelbe Rahmen. Er muss weg :-).

HTML Schnipsel (oder in den Quelltext von der Seite reinschauen):

<body>
<table align="center" height="100%" width="100%">
<tr>
<td align="center">
<table width="900">
<tr >
<table class="rahmen_aussen" border="0" cellspacing="0" cellpadding="0" border="0">
<tr>
<td bgcolor="#FFFDCE" height="900" valign="top" width="950px">
<!-- Inhalt hier -->
<table cellspacing="0" class="rahmen_aussen" cellpadding="0" border="0" width="850px" height="500px">
   <tr valign="top">
    <td width="500px" align="center">
    <!-- Banner -->
     <table cellspacing="0" class="rahmen_aussen" cellpadding="0"
        border="0">
       <tr><td width="969px" height="48px">
       <table border="0" height="48"><tr><td width="430px">
       <img src="bilder/oben_links.JPG" width="15" height="15"
       border="0" alt="">
       <img src="bilder/Guetelh-Logo_fuerInt_kl.jpg" align="left"
       width="200" height="68" border="0" alt="unser Banner"></td>
       <td valign="bottom" align="right"><img
       src="bilder/100px/Beuel_Tisch1.jpg" height="50" width="100">
       <img src="bilder/100px/Beuel_Eingang1.jpg"
       height="50" width="100">
       <img src="bilder/100px/Beuel_Joerg.1.jpg" height="50"
       width="100">
       <img src="bilder/100px/Beuel_Podest1.jpg" height="50"
       width="100">
       <img src="bilder/100px/Beuel_Rezeption1.jpg" height="50"
       width="100"></td></tr></table></td>
       </tr>
        <tr><td><hr width="969px"></td></tr>
        <!-- Navi 1-->
 <tr><td>
 <table><tr><td>

CSS Schnipsel:

span#menu2{ margin: 0; padding: 0; width: 160px; float: left; }
  span#level2_1{ margin: 0; padding: 0; width: 160px; float: left; }
  ul#level2_2{ margin: 0; padding: 0; width: 260px; float: left; }
  span#mitte{ margin: 0; padding: 0; width: 200px; float: left; }
  ul#gross{margin: 0; padding: 0; width: 320px; float: left; }
  .rahmen_aussen{margin: 0; padding: 0; border:none; border: 0px
  solid    transparent;  }
  table {border-collapse:collapse;}
  table, th, td {border-style:none;}

Schonmal danke für eure Hilfe. Bin gerade echt aufgeschmissen.

Gruß Patrick

  1. Hallo patrick1987@web.de,

    Gib dem Bild ein margin von -1px.

    Eigentlich ist es etwas unfein, jemanden, der nur um einen Rat fragt, zu kritisieren. Aber du hast einige so grobe Schnitzer in der Seite, dass ich das fuer angemessen halte. Ich will mal nichts ueber die zahlreichen verschachtelten Tabellen sagen, die selbst fuer ein Tablelayout etwas dick aufgetragen sind. Aber das Logo sollte wenigstens die richtige Groesse haben und ausgewogener platziert sein. Die Schrift in dem mittleren Block ist riesig und etwas padding wuerde der auch gut tun. Die Schrift in der Navigation klebt am Zellenrand. Ich finde, du solltest die Seite unbedingt noch einmal ueberdenken, bevor du sie veroeffentlichst.

    Gruß,

    Dieter

    1. Waooo, danke Dieter Raber!
      Es hat auf anhieb geklappt!

      Deine Kritik werde ich berücksichtigen,
      finde das Klasse von dir das du dies erwähnt hast.
      Selbst fallen einem solche kleinigkeiten oft nur selten auf, zumindest
      wenn man noch in der Ausbildung bzw. am lernen ist...

      Sehr liebe und glückliche Grüße,
      wünscht Patrick S.

      1. Och nein... zu früh gefreut. Der IE macht es mal wieder anders...

        http://www.flixsi.de/Patrick/schuhhaus/index.php

        Wie bekomme ich das Bild oben links, denn nach ganz oben?
        Gibt es da auch einen Trick?

        Gruß Patrick

        1. Hallo patrick1987@web.de,

          Ich habe das nicht getestet, aber es sollte funktionieren, wenn du dem IE ein Extrastylesheet mit Conditional Comments gist, inden du den margin aenderst.

          Gruß,

          Dieter

        2. Habe es mit
          vertical-align:text-top;
          gelöst. Hoffe das war so richtig <: