Rüdiger: trotz float nicht am linken und rechten rand

SELF-Forum

trotz float nicht am linken und rechten rand

Rüdiger
– Informationen zu den Bewertungsregeln

hallo zusammen

komm da leider nicht weiter, und brauche eure hilfe.
ich möchte die beiden Bilder in den Tabellenspalten links und rechts  oben und ganz am Rand haben. das klappt auch mit Opera und FF nur nicht mit dem IE, da hab ich 2-3px zwischen dem Tabellenramen und dem Bild.
hat da jemnd einen tip?

mein code:
<html>
<head>
<title>Fehlerkatalog</title>
<style type="text/css">
<!--
#linkerFloat { padding: 0px; margin-left: 0px; margin-right: 0px; float: left; }

#ramen {border:2px solid #B3B3B3;}

.nav_troub { font: bold 10pt Georgia, Verdana, Arial; color: #B3B3B3; line-height:18px;}

.mini { font: 2pt Verdana, Arial, Georgia; color:#000000 }

A.navo:link { font: bold 10pt Georgia, Verdana, Arial; color: #616161; line-height: 20pt;}
A.navo:visited { font: bold 10pt Georgia, Verdana, Arial; color: #616161; line-height: 20pt;}
A.navo:hover { font: bold 10pt Georgia, Verdana, Arial; color: #B3B3B3; text-decoration: none; line-height: 20pt;}
A.navo:active { font: bold 10pt Georgia, Verdana, Arial; color: #B3B3B3; line-height: 20pt;}

-->
</style>
</head>
<body topMargin="0" marginHeight="0" leftMargin="0" marginWidth="0" bgcolor="#FFFFFF">

<br><br><br>
<table style="border-collapse:collapse" cellpadding="0" cellspacing="0" width="900" id="ramen" align="center">
 <tr height="30">
  <td id="ramen" colspan="8" align="center" width="100%" valign="top"><img src="images/ecke_l.gif" style="float:left; width:10px; height;15px;" border="0" alt=""><img src="images/ecke_r.gif" style="float:right; width:10px; height;15px;" border="0" alt=""><span class="mini"><br></span><span class="nav_troub">Trouble Shooting</span></td>
 </tr>
 <tr height="30">
  <td id="ramen" colspan="2" align="center" width="25%" valign="top"><img src="images/ecke_l.gif" style="float:left; width:10px; height;15px;" border="0" alt=""><img src="images/ecke_r.gif" style="float:right; width:10px; height;15px;" border="0" alt=""><a class="navo" href="">Inhalt</a></td>
  <td id="ramen" colspan="2" align="center" width="25%" valign="top"><img src="images/ecke_l.gif" style="float:left; width:10px; height;15px;" border="0" alt=""><img src="images/ecke_r.gif" style="float:right; width:10px; height;15px;" border="0" alt=""><a class="navo" href="">Suche</a></td>
  <td id="ramen" colspan="2" align="center" width="25%" valign="top"><img src="images/ecke_l.gif" style="float:left; width:10px; height;15px;" border="0" alt=""><img src="images/ecke_r.gif" style="float:right; width:10px; height;15px;" border="0" alt=""><a class="navo" href="">Literatur</a></td>
  <td id="ramen" colspan="2" align="center" width="25%" valign="top"><img src="images/ecke_l.gif" style="float:left; width:10px; height;15px;" border="0" alt=""><img src="images/ecke_r.gif" style="float:right; width:10px; height;15px;" border="0" alt=""><a class="navo" href="">Formular</a></td>
 </tr>
 <tr height="30">
  <td id="ramen" colspan="4" align="center" width="50%" valign="top"><img src="images/ecke_l.gif" style="float:left; width:10px; height;15px;" border="0" alt=""><img src="images/ecke_r.gif" style="float:right; width:10px; height;15px;" border="0" alt=""><a class="navo" href="">Experten</a></td>
  <td id="ramen" colspan="4" align="center" width="50%" valign="top"><img src="images/ecke_l.gif" style="float:left; width:10px; height;15px;" border="0" alt=""><img src="images/ecke_r.gif" style="float:right; width:10px; height;15px;" border="0" alt=""><a class="navo" href="">Dokumente</a></td>
 </tr>
</table>

</body>
</html>

kanns leider nicht online stellen :-(

vielen Dank im voraus für die hilfe

gruß Rüdiger

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. trotz float nicht am linken und rechten rand

    Zeromancer
    – Informationen zu den Bewertungsregeln

    Hallo Rüdiger,

    da deine Seite nicht valide ist, solltest du dieses Manko erst einmal beheben. Der Validator zählt 20 Fehler, angefangen beim fehlenden Doctype bis hin zu mehrfach vergebenen 'id'.

    Weiterhin sind deine Inlinestyles fehlerhaft, so z.B.

    img src="images/ecke_r.gif" style="float:right; width:10px; height;15px;" border="0" alt="">

    Das 'height' wird durch ein ';' vom Wert getrennt.

    Beseitige bitte erst alle Fehler. Oftmals ist die Fehldarstellung dann verschwunden.

    Tipp: Unter http://validator.w3.org/ kannst du deine Seite auch ohne Online-Beispiel in einem Textfeld testen lassen.

    Mit freundlichen Grüßen,
    André

    --
    Es geht weiter!
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. trotz float nicht am linken und rechten rand

      Rüdiger
      – Informationen zu den Bewertungsregeln

      Hallo Rüdiger,

      da deine Seite nicht valide ist, solltest du dieses Manko erst einmal beheben. Der Validator zählt 20 Fehler, .....
      Mit freundlichen Grüßen,
      André

      hallo André

      vielen dank für deine hilfe
      hab das mal nachgearbeitet, aber mein problem hat das leider nicht gelöst :-(

      wäre weitrhin für jede hilfe dankbar
      hier der optimierte code (abgesegnet von  http://validator.w3.org/)

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
      <html>
      <head>
      <title>Fehlerkatalog</title>
      <style type="text/css">
      <!--
      .linkerFloat { padding: 0px; margin-left: 0px; margin-right: 0px; float: left; }

      .ramen {border:2px solid #B3B3B3;}

      .nav_troub { font: bold 10pt Georgia, Verdana, Arial; color: #B3B3B3; line-height:18px;}

      .mini { font: 2pt Verdana, Arial, Georgia; color:#000000 }

      A.navo:link { font: bold 10pt Georgia, Verdana, Arial; color: #616161; line-height: 20pt;}
      A.navo:visited { font: bold 10pt Georgia, Verdana, Arial; color: #616161; line-height: 20pt;}
      A.navo:hover { font: bold 10pt Georgia, Verdana, Arial; color: #B3B3B3; text-decoration: none; line-height: 20pt;}
      A.navo:active { font: bold 10pt Georgia, Verdana, Arial; color: #B3B3B3; line-height: 20pt;}

      -->
      </style>
      </head>
      <body bgcolor="#FFFFFF">

      <br><br><br>
      <table style="border-collapse:collapse" cellpadding="0" cellspacing="0" width="900" class="ramen" align="center">
       <tr style="height:30px">
        <td class="ramen" colspan="8" align="center" width="100%" valign="top"><img src="images/ecke_l.gif" style="float:left; width:10px; height:15px;" border="0" alt=""><img src="images/ecke_r.gif" style="float:right; width:10px; height:15px;" border="0" alt=""><span class="mini"><br></span><span class="nav_troub">Trouble Shooting</span></td>
       </tr>
       <tr style="height:30px">
        <td class="ramen" colspan="2" align="center" width="25%" valign="top"><img src="images/ecke_l.gif" style="float:left; width:10px; height:15px;" border="0" alt=""><img src="images/ecke_r.gif" style="float:right; width:10px; height:15px;" border="0" alt=""><a class="navo" href="">Inhalt</a></td>
        <td class="ramen" colspan="2" align="center" width="25%" valign="top"><img src="images/ecke_l.gif" style="float:left; width:10px; height:15px;" border="0" alt=""><img src="images/ecke_r.gif" style="float:right; width:10px; height:15px;" border="0" alt=""><a class="navo" href="">Suche</a></td>
        <td class="ramen" colspan="2" align="center" width="25%" valign="top"><img src="images/ecke_l.gif" style="float:left; width:10px; height:15px;" border="0" alt=""><img src="images/ecke_r.gif" style="float:right; width:10px; height:15px;" border="0" alt=""><a class="navo" href="">Literatur</a></td>
        <td class="ramen" colspan="2" align="center" width="25%" valign="top"><img src="images/ecke_l.gif" style="float:left; width:10px; height:15px;" border="0" alt=""><img src="images/ecke_r.gif" style="float:right; width:10px; height:15px;" border="0" alt=""><a class="navo" href="">Formular</a></td>
       </tr>
       <tr style="height:30px">
        <td class="ramen" colspan="4" align="center" width="50%" valign="top"><img src="images/ecke_l.gif" style="float:left; width:10px; height:15px;" border="0" alt=""><img src="images/ecke_r.gif" style="float:right; width:10px; height:15px;" border="0" alt=""><a class="navo" href="">Experten</a></td>
        <td class="ramen" colspan="4" align="center" width="50%" valign="top"><img src="images/ecke_l.gif" style="float:left; width:10px; height:15px;" border="0" alt=""><img src="images/ecke_r.gif" style="float:right; width:10px; height:15px;" border="0" alt=""><a class="navo" href="">Dokumenten</a></td>
       </tr>
      </table>

      </body>
      </html>

      vielen dank im voraus für eure hilfe
      gruß Rüdiger

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Float bei Inlineelementen?

        Zeromancer
        – Informationen zu den Bewertungsregeln

        Hallo Rüdiger,

        Vielleicht hilft dir ja auch https://forum.selfhtml.org/?t=132509&m=857587?

        Mit freundlichen Grüßen,
        André

        --
        Es geht weiter!
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln