Benjamin Muskalla: Table-Breite + Input = verbaut *?*

SELF-Forum

Table-Breite + Input = verbaut *?*

Benjamin Muskalla
– Informationen zu den Bewertungsregeln

Hi Junx...

also langsam bekomm ich echt n Hals von W3C...

Schauen wir uns mal folgenden Code an:

  
<table border="0" cellpadding="0" cellspacing="0" style="width: 110px;">  
<tr>  
<td id="search_nex" style="border: 1px solid #B6B6B6; border-bottom: 0px; padding: 1px;"><img src="images/news/nav_search.gif" border="0" width="25" height="15" alt="Suche" /></td>  
<td style="padding: 1px; padding-left: 2px; border-bottom: 1px solid #B6B6B6;"><img src="images/news/nav_globe.gif" border="0" width="25" height="15" alt="Suche" /></td>  
<td style="width: 100%;border-bottom: 1px solid #B6B6B6;"> </td>  
</tr>  
<tr>  
<td colspan="3" style=" vertical-align: top; height: 94px; border: 1px solid #B6B6B6; border-top: 0px;">  
<table cellspacing="0" cellpadding="0" border="0">  
<tr>  
<td style="padding: 3px; padding-top: 5px; border-bottom: 1px dotted #B8B8B8;">Suche</td>  
</tr>  
<tr>  
<td style="padding: 3px;">Suche<br />  
<table border="1" cellpadding="0" cellspacing="1">  
<tr>  
<td>XXX</td>  
<td>XXX</td>  
</tr>  
</table>  
</td>  
</tr>  
</table>  
</td>  
</tr>  
</table>

Soo...die Tabelle wird angezeigt, mit den korrekten Maßen, alles kein Thema...

Gehen wir nun aber hin und ersetzen die XXX durch Input-Felder zerkloppts die Table komplett OBWOHL wenn man sich den Rahmen der innersten Tabelle anzeigen lässt, diese die richtige Größe hat...

Dazu hab ich nu eine kleine Frage: HÄ?!

http://www.aphex-designs.de/bug
Hier könnt ihr den Source nochmal formatiert sehen

http://www.aphex-designs.de/bug/bug_1.jpg
Hier ein Bild ohne die Input-Felder und der richtigen Breite

http://www.aphex-designs.de/bug/bug_2.jpg
Hier ein Bild mit den Input-Felder aber der falschen Breite

Im Opera geht es komischerweise...

thx 4 help junx...
weiss nid was ich ohne euch machen würd...

greets,
benny

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Table-Breite + Input = verbaut *?*

    Elya
    – Informationen zu den Bewertungsregeln

    Hallo benny,

    Hi Junx...

    und was ist mit den mädelz?

    http://www.aphex-designs.de/bug
    Hier könnt ihr den Source nochmal formatiert sehen

    aus deinem Quellcode:

    <table border="1" cellpadding="0" cellspacing="1">
                  <tr>
                    <td><input type="text" size="10"/></td>
                    <td><input style="border: 0px;" type="image" src="images/news/search_button.gif" /></td>
                  </tr>
                </table>

    Warum machst du die Breite des input type=text nicht auch mit css? Alles andere ist doch kaum beeinflußbar... wenn ich z.B.

    <td><input type="text" style="width:50px;" /></td>
    <td><input style="border: 0px;" type="image" src="http://aphex.muskalla.info/bug/images/news/search_button.gif" /></td>

    schreibe, sieht das in meinem Safari ganz ordentlich aus...

    Schöne Grüße aus Köln-Ehrenfeld,

    Elya

    --
    We are still confused, but on a higher level.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Table-Breite + Input = verbaut *?*

      Benjamin Muskalla
      – Informationen zu den Bewertungsregeln

      Hallo benny,

      Hi Junx...
      und was ist mit den mädelz?

      Hihi ...sorry :)

      naja, is egal ob ich die Breite der Textbox per Attribut oder CSS mache...wenn man sich den Rahmen der inneren Tabelle anzeigen lässt sieht man das die Tabelle so gross is wie sie sein sollte...sieht dann nur so aus als hätte sie n margin-right auf 50px oder so...

      Wie gesagt, Opera klappts, in deinem Safari anscheinend auch, mozilla auch...nur der IE macht ma wieder Probs :(

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln