✔ Padding Problem

Status
Nicht offen für weitere Antworten.
S

shadowjohnny

Mitglied
Hi,

ich habe folgendes Problem: ich habe in einer Tabellenzelle zwei divs mit jeweils einem padding-top. Dadurch wird die td allerdings höher, als ich die haben will...
http://gamex.bplaced.net/HP/
Da ist es. Der Content, also alles unter dem Totenkopf ist, ist zu weit unten und die betreffende td ist die mit den Loginboxen und dem Register-Button. Im Quelltext ist das bei img_11.gif.

Vielen Dank im Vorraus,
shadow
 
Hi,

möglicherweise hilft da die folgende CSS-Regel weiter, denn ich kenne nicht den Sollzustand des Layouts im Detail:

Code: 
<style type="text/css">
* {
margin:0;
padding:0;
}
</style>
mfg Maik
 
Außer, dass die Tabelle nun linksbündig, und nicht mehr in der Mitte des Fenster sitzt, und sich im IE (6 + 7) die altbekannten Fehlinterpretationen der "Whitespaces" im Quellcode (Tab-Einrückungen, Zeilenumbrüche) vor und nach den Grafikelementen <img> bemerkbar machen, die eine total verschobene Darstellung des Layouts zur Folge hat.

ie6.jpg


Mit dieser Quellcode-Fassung wird das Layout bei mir browserübergreifend einheitlich dargestellt:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>I-Skull</title>

<style type="text/css">
<!--
* {
margin:0;
padding:0;
}

body {
background:#323232;
}

table {
margin:0 auto;
}

img { /* Für IE */
display:block;
}

img.float { /* Für IE */
float:left;
}
-->
</style>

</head>
<body>

<table cellspacing="0" cellpadding="0" width="1000" height="799" align="center">
  <tr>
    <td rowspan="5" valign="top">
      <img src="img/img_01.gif">
    </td>
        <td valign="top" colspan="2" height="58">
          <img src="img/img_02.gif" class="float"><img src="img/img_03.gif" class="float"><img src="img/img_04.gif" class="float"><img src="img/img_05.gif" class="float"><img src="img/img_06.gif" class="float"><img src="img/img_07.gif" class="float">
        </td>
        <td rowspan="5" valign="top">
          <img src="img/img_08.gif">
        </td>
  </tr>
  <tr>
    <td valign="top" rowspan="2" width="693" height="239">
      <img src="img/img_09.gif">
    </td>
    <td valign="top" height="147">
      <img src="img/img_10.gif">
    </td>
  </tr>
  <tr>
    <td valign="top">
      <table cellpadding="0" cellspacing="0"><tr>
            <td style="background-image: url('img/img_11.gif'); background-repeat:no-repeat; padding-bottom:0px" width="159">
                    <form name="login" action="index.php?section=login.php" method="post">
                            <div style="padding-top: 12px; padding-left: 8px; padding-bottom: 0px;"><input type="text" size="19" name="log_name" style="border: 0px"></div>
                            <div style="padding-top: 12px; padding-left: 8px; padding-bottom: 2px;"><input type="password" size="19" name="log_pass" style="border: 0px"></div>
                              <a href="index.php?section=register.php" onfocus="this.blur()"><img src="img/img_14.gif" border="0"></a>
                    </form>
      </td><td valign="top">
      <img src="img/img_12.gif"><img src="img/img_13.gif"><img src="img/img_15.gif">
      </td></tr></table>
    </td>
  </tr>
  <tr>
    <td valign="top" colspan="2" height="64">
    <table cellspacing="0" cellpadding="0" valign="top"><tr><td>
      <img src="img/img_16.gif">
    </td>
    <td valign="top">
      <img src="img/img_17.gif">
    </td>
    <td valign="top">
      <img src="img/img_18.gif">
    </td></tr></table>
    </td>
  </tr>
  <tr>
          <td valign="top" colspan="2">
          <table cellpadding="0" cellspacing="0"><tr><td valign="top" colspan="2" height="198" width="198">
            <img src="img/img_19.gif">
          <table cellpadding="0" cellspacing="0">
          <tr><td rowspan="2" valign="top">
            <img src="img/img_21.gif">
          </td>
          <td valign="top" height="28" width="24" align="left">
            <img src="img/img_22.gif">
          </td><td rowspan="4" width="1"><img src="img/img_23.gif"></td></tr>
          <tr><td valign="top" height="33" width="24"><img src="img/img_24.gif">
          </td></tr>
          <tr><td colspan="2" valign="top"><img src="img/img_25.gif">
          </td></tr><tr><td colspan="2"><img src="img/img_26.gif">
          </td></tr></table>
          </td>
          <td valign="top" colspan="2">
            <img src="img/img_20.gif">
          </td></tr>
          </td></tr></table>
          </td>
  </tr>
  <tr>
          <td colspan="4" valign="top" height="28">
            <img src="img/img_27.gif">
          </td>
  </tr>
</table>

</body>
</html>


mfg Maik
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück