michael S.: Kämpfe mit IE und Mozilla

SELF-Forum

Kämpfe mit IE und Mozilla

michael S.
– Informationen zu den Bewertungsregeln

Hi Forum

Im Moment beschäftigen mich 2 darstellungs Problemen...

1. Ich habe ein Formular welches ich in einer Zeile mit anderen Inhalten haben möchte. Das Formular enthält eine Select-Menu und einen Submit Button. Die Zeile sollte ca. 30 px hoch sein. Das Form erhöt die Zeile aber auf ca. 80px und ich weiss nicht warum... im Mozilla stimmts aber der IE...hmmm. Kennt jemand von euch das Phänomen? Gibt es eine Trick?
my Code:
*****************************************************************
<table border='1' cellspacing='0' cellpadding='0'>
<tr>
<td>
<form action='index.php?nav=" . $nav . "' method='post'>
<select name='sort' size='1' class='formselect'>
<option selected>sortieren nach...</option>
<option value='sort_nachname'>Nachname</option>
<option value='sotr_ort'>Ort</option>
<option value='sort_plz'>PLZ</option>
</select>
</td>
<td>
<input type='submit' name='login_values' value='sortieren' class='formbutton'>
</td>
<td>
<table border='0' cellspacing='0' cellpadding='0'>
<tr>
<td><a class='normal' href='javascript:self.print();'>Verzeichnis drucken</a></td>
</tr>
</table>
</td>
<td>
<table border='0' cellspacing='0' cellpadding='0'>
<tr>
<td>Zurück...</td>
</tr>
</table>
</td>
</tr>
</table>
</form><img src='images/footer.gif' width='560' height='3'>
<br><br>
*****************************************************************
IST Darstellung IE:
........................................................
| select Box  |                      |                 |
|             |                      |                 |
|             | verzeichnis Drucken  |  Zurück...      |
|             |                      |                 |
........................................................

SOLL Darstellung IE:
........................................................
| select Box  | verzeichnis Drucken  |  Zurück...      |
........................................................

2. Ich habe eine Navigationsliste auf der linken Seite. Die höhe habe ich auf 100% gesetzt. Im IE kommt der Hintergrund dieser Navi schön bis auf den Bottom (unterer Seiten Rand) was so gut ist. Der Mozilla stellt dies nicht korrekt dar. er zeigt nur den Hintergrund,auf welchem Text steht...sobald kein Text mehr steht zeigt er auch den Hintergrund nicht mehr an. Wenn ich die Höhe aber fix einstelle z.B. auf 470px dann geht es. Aber diese Variante will ich nicht,da ich eine Variable höhe haben will.
Ich hoffe ich habe mich einigermassen verständlich ausgedrückt.
Kennt jemand eine Lösung für dieses Problem?

Also besten Dank für eure Hilfe und einen schönen Sonntag
Michael S.

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Kämpfe mit IE und Mozilla

    ichen
    – Informationen zu den Bewertungsregeln

    Hi
    zu 1.:
    Schreibe einfach das <form action='index.php?nav=" . $nav . "' method='post'> vor das <table border='1' cellspacing='0' cellpadding='0'>.
    Also:
    <form action='index.php?nav=" . $nav . "' method='post'>
    <table border='1' cellspacing='0' cellpadding='0'>
    <tr>
    <td>
    .
    .
    .
    .
    .
    </table>
    </form>
    So müsste es gehen glaub ich.
    Zu 2.:
    Wie lautet der quellcode?
    gleichfalls eine schönen sonntag
    chrissi

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Kämpfe mit IE und Mozilla

      michael S.
      – Informationen zu den Bewertungsregeln

      @chrissi...
      1. mit dem Tipp das <form> über die Tabelle zu schreiben hat es geklappt. trotzdem hat das Form immer noch eine untere höhe, die ich nicht möchte. Was gäbe es da für CSS möglichkeiten?

      2. Der Code:
      <table width="183" border="0" height="100%" cellspacing="0" cellpadding="0">
        <tr>
       <td valign="top" height="116"><img src="images/logo_halo3.jpg"></td>
        </tr>
        <tr>
       <td valign="top">
       <table width="183" height100%" border="0" cellspacing="0" cellpadding="0" style="min-height:450px;">
         <tr>
                     <td width="4" bgcolor="#DDEAF6" valign="top"></td>
        <td width="173" bgcolor="#DDEAF6" valign="top">
        <!-- Navigation -->
        <?php
                       include("inc/navigation.php");
        ?>
        <!-- End Navigation -->
        </td>
        <td width="1" bgcolor="#CCCCCC">
        <!-- One Pixel width -->
        </td>
       <td width="5" background="images/randpunkte.gif"></td>
         </tr>
       </table>
       </td>
        </tr>
      </table>

      Wie könnte ich das hinbekommen.Mit Stylesheets? mit welchen?

      IST:

      XXXXXXXXXXXXXXX
      XXXXXXXXXXXXXXX
      XXXXXXXXXXXXXXX
      XXXXXXXXXXXXXXX
      XXXXXXXXXXXXXXX
      XXXXXXXXXXXXXXX
      XXXXXXXXXXXXXXX
      XXXXXXXXXXXXXXX
      XXXXXXXXXXXXXXX

      ---------------
      (unterer Seiten rand)

      Soll:
      XXXXXXXXXXXXXXX
      XXXXXXXXXXXXXXX
      XXXXXXXXXXXXXXX
      XXXXXXXXXXXXXXX
      XXXXXXXXXXXXXXX
      XXXXXXXXXXXXXXX
      XXXXXXXXXXXXXXX
      XXXXXXXXXXXXXXX
      XXXXXXXXXXXXXXX
      XXXXXXXXXXXXXXX
      XXXXXXXXXXXXXXX
      ---------------
      (unterer Seiten rand)

      thanks michael S.

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Kämpfe mit IE und Mozilla

        fastix® Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Moin!

        Bitte lies die entsprechenden Abschnitte in SELFHTML.
        http://selfhtml.teamone.de/css/index.htm

        Dieses eine Problem löst:

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

        Für alle anderen ist das Schaffen wichtiger Wissensgrundlagen vonnöten. Lies also... SELFHTML komplett.

        MFFG (Mit freundlich- friedfertigem Grinsen)

        fastix®

        --
        Als Freiberufler bin ich immer auf der Suche nach Aufträgen: Schulungen, Development. Auch  für seriöse Agenturen.
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Kämpfe mit IE und Mozilla

          René Marscheider
          – Informationen zu den Bewertungsregeln

          Hi,

          <style type="text/css">
          <!--
          form {
              display: inline;
          }
          //-->
          </style>

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

  2. Kämpfe mit IE und Mozilla

    sschumann Homepage des Autors
    – Informationen zu den Bewertungsregeln
    1. Ich habe ein Formular welches ich in einer Zeile mit anderen Inhalten haben möchte. Das Formular enthält eine Select-Menu und einen Submit Button. Die Zeile sollte ca. 30 px hoch sein. Das Form erhöt die Zeile aber auf ca. 80px und ich weiss nicht warum...

    Ein Formular erzeugt je nach Client einen Umbruch vor oder nach dem Block - hängt auch davon ab, ob es in anderen Block-Level-Elementen genestet wird. Das kann man z.B. mit CSS umgehen, oder aber mit völlig falschem Nesting und schwchsinnigem Design wie

    <table border="0" cellpadding="0" cellspacing="0"><tr><td><table border="0" cellpadding="0" cellspacing="0"><tr><td><form></td></tr></table></td></tr></table>

    <table border="0" cellpadding="0" cellspacing="0"><tr><td><table border="0" cellpadding="0" cellspacing="0"><tr><td></form></td></tr></table></td></tr></table>

    <td>
    <form action='index.php?nav=" . $nav . "' method='post'>
    <select name='sort' size='1' class='formselect'>
    <option selected>sortieren nach...</option>
    <option value='sort_nachname'>Nachname</option>
    <option value='sotr_ort'>Ort</option>
    <option value='sort_plz'>PLZ</option>
    </select>
    </td>

    Auch eine interessante Auslegung von Nesting.

    1. Ich habe eine Navigationsliste auf der linken Seite. Die höhe habe ich auf 100% gesetzt.

    100% von was? Siehste. Es kommt drauf an, in welchem Modus der Browser rumrührt, und wie hoch die Canvas ist. Im allgemeinen ist die Canvas so breit wie das Fenster, und so hoch wie nötig. Alles andere ist Auslegungssache des Browser, oder aber Sache der weitergehenden CSS-Definitionen.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Kämpfe mit IE und Mozilla

    Alexander
    – Informationen zu den Bewertungsregeln

    hi

    soweit ich weiß muss jede Zeile sofort im Anschluss geschlossen werden.

    STATT:

    <table>
    <tr>
    <td>
    blub
    </td>
    </tr>
    </table>

    SO:

    <table>
    <tr>
    <td>blub</td>
    </tr>
    </table>

    Denn sonst wird vom Browser eine Leerstelle erkannt.

    Gruß
    Alexander

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln