Zum Inhalt springen

Textfeld 1 Pixel zu weit rechts ausgrichtet

Erstellt am 22. August 2005 · 4 Antworten · letzte Antwort am 22. August 2005

Tags: HTML & CSS, Frage

snoopiline ·

Hallo,

habe folgende Tabelle vorliegen. Das Problem ist nun, dass das Suchenfeld ca. 1 Pixel weiter rechts ausgerichtet wird als die übrigen.
Wisst ihr zufällig woran das liegen könnte?
Im Mozilla wird es übrigens richtig angezeigt.

<table width="439" border="0"> 
  <tr> 
    <td width="181">Suchen nach:</td> 
    <td width="185"><input type="text" name="sWort" tabindex="1" size="30" />    </td> 
    <td width="59"><input type="SUBMIT" name="Suchen" value="Suchen" class="text9b" /></td> 
  </tr> 
  <tr> 
    <td>UB:</td> 
    <td><select name="sUBer" tabindex="2"> 
      <option value="%" selected="">alle</option> 

      <? 
                              $sql = "SELECT DISTINCT fax_ub FROM telefax GROUP BY fax_ub ORDER BY fax_ub"; 
                              $rsUB = $conn->Execute($sql); 
          
                              while (!$rsUB->EOF) 
                              { 
                              echo"<option>".$rsUB->fields[0]."</option>"; 
                              $rsUB->MoveNext(); 
                              } 
                           ?> 
    </select>    </td> 
    <td><input name="Reset" type="Reset" class="text" value="l&ouml;schen" /></td> 
  </tr> 
  <tr> 
    <td>Bereich:</td> 
    <td colspan="2"><select name="sBereich" tabindex="3"> 
      <option value="%" selected="">alle</option> 
      <?  $sql="SELECT DISTINCT telefax.fax_bereich FROM telefax GROUP BY telefax.fax_bereich ORDER BY 
                                    telefax.fax_bereich"; 
                                    $rsBereich = $conn->Execute($sql); 
                                    while (!$rsBereich->EOF) 
                                    { 
                                    echo('<option>' .$rsBereich->fields[0] .'</option>'); 
                                    $rsBereich->MoveNext(); 
                                    } 
                                 ?> 
    </select></td> 
  </tr> 
  <tr> 
    <td>Standort:</td> 
    <td colspan="2"><select name="sStandort" tabindex="4"> 
      <option value="%" selected="">alle</option> 
      <? 
                                    $sql = "SELECT DISTINCT telefax.fax_standort FROM telefax GROUP BY telefax.fax_standort ORDER BY 
                                    telefax.fax_standort"; 
                                    $rsStO = $conn->Execute($sql); 
                                    while (!$rsStO->EOF) 
                                    { 
                                    echo"<option>".$rsStO->fields[0] ."</option>"; 
                                    $rsStO->MoveNext(); 
                                    } 
                                 ?> 
    </select></td> 
  </tr> 
</table>

Es wird die CSS von Typo3 verwendet.
Nach der Einbindung wird das Formular im IE mit einem Pixel nach rechts eingerückt angezeigt, im FF dagegen sieht es richtig aus.
Auch wenn ich es lokal teste, also über Xampp zum Beispiel, dann zeigt der IE es auch richtig an.
Habe dann eine komplett neue Tabelle erstellt - mit Dreamweaver - die wurde lokal richtig angezeigt, aber als ich genau diese Tabelle ins Typo3 kopiert hatte, hatte ich wieder das Pixelproblem.

Vielleicht hat ja jemand einen Tipp für mich?

Danke&Gruß snoopiline

humpun ·

Wieso benutz du kein CSS?

So könntest du erst der gewünschten Tabelle eine ID vergeben

<td id="Textverschieben">

Danach per CSS einfach diese ID abfangen und ihr die gewünschten Werte geben.

body {
	background-color: #e1ddd9;
	font-size: 12px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#564b47;
	padding-left:1px;
	
}

Damit wäre das Problem eigentlich gegessen 😉

humpun

snoopiline ·

Äh - sorry, aber das scheint mir doch sehr kompliziert - Außerdem wird ja die CSS von Typo3 benutzt.
Und bei anderen Anwendungen ist die Ausrichtung ja auch richtig - nur eben hier nicht.
Und die Lösung ändert nichts - dies würde ja im FF dann falsch angezeigt werden.
Habe auch versucht die anderen Zeilen dieser Spalte einen Pixel nach rechts zu setzen, aber auch das wird dann zu weit rechts angesetzt.

Trotzdem danke!

humpun ·

Hmmm. Dann machen wir das anders. Mir egal.

Dann füge mal folgendes in die Tabelle, die du einen Pixel nach rechts haben willst, ein.

style="padding-left: 1px; "

Also zum Beispiel

<td width="181" style="padding-left: 1px;" >Suchen nach:</td>

CSS funktioniert in FF, IE, Opera etc. Man mussn ur bisschen tricksen ab und zu 😉

humpun