Dominik Pich: VERZWEIFEL - TEXTBOX soll die gleich Groesse wie SELECT haben!

Ich habe eine input text box und dadrueber ne select box... nur werden die NIE in allen 3 Browsern gleich gross.

Gib'ts da ne Trick!?

  1. hi
    der quellcode wäre hilfreich...
    ichen

    1. <form name="searchform" action={"/content/search/"|ezurl} method="get">

      <table width="750" cellspacing="0" cellpadding="0"> <tr>     <td colspan="6" align="center" class="menu">         <a href={"/"|ezurl}>             <img src={"images/head.jpg"|ezdesign} alt="head"/>         </a>     </td> </tr> <tr>     <td>      <table width="750" cellspacing="0" cellpadding="0" border=0">      <tr>       <td colspan="6" class="menu">           <img height="9" width="215" src={"images/pixelweiss.png"|ezdesign} alt="pixelweiss" /> <!--spacer-->       </td>       <td rowspan="3" class="menu">        <img id="media_icon" height="36" width="39" onmouseover="SetActiveElement( 'media', 'icon' );"                              onmouseout="SetActiveElementSlowed( delay_active, null, 'icon' );"                              src={"images/menu/iconMedia.png"|ezdesign} alt="media_icon" />       </td>       <td colspan="2" class="menu">           <img height="9" width="57" src={"images/pixelweiss.png"|ezdesign} alt="pixelweiss" /> <!--spacer-->       </td>       <td rowspan="3" class="menu">     <img id="shop_icon" height="36" width="34" onmouseover="SetActiveElement( 'shop', 'icon' );"                         onmouseout="SetActiveElementSlowed( delay_active, null, 'icon' );"                         src={"images/menu/iconShop.png"|ezdesign} alt="shop_icon" />       </td>       <td colspan="8" class="menu">           <img height="9" width="304" src={"images/pixelweiss.png"|ezdesign} alt="pixelweiss" /> <!--spacer-->       </td>       <td colspan="2" class="menu">           <img height="9" width="63" src={"images/pixelweiss.png"|ezdesign} alt="pixelweiss" /> <!--spacer-->       </td>       <td rowspan="3" class="menu">                  {let path_to_image="images/menu/iconLogin.png"|ezdesign }                      {section show=eq($current_user.contentobject_id,$anonymous_user_id)}                          <a href={"user/login/"|ezurl}>                      {section-else}                          <a href={"user/logout/"|ezurl}>                          {set path_to_image="images/menu/iconLogout.png"|ezdesign }                      {/section}          <img id="user_icon" height="36" width="35" onmouseover="SetActiveElement( 'user', 'icon' );"                              onmouseout="SetActiveElementSlowed( delay_active, null, 'icon' );"                              src={$path_to_image} alt="user_icon" />                      </a>                  {/let}       </td>       <td class="menu">           <img height="9" width="3" src={"images/pixelweiss.png"|ezdesign} alt="pixelweiss" /> <!--spacer-->       </td>         </tr>      <tr>       <td height="23" width="3" class="menu_red">            <!--spacer-->       </td>       <td class="menu_red">     <img id="gerig_button" height="23" width="52" onmouseover="SetActiveElement( 'gerig', 'button' );"                               onmouseout="SetActiveElementSlowed( delay_active, null, 'button' );"                            src={"images/menu/btnGerig.png"|ezdesign} alt="gerig_button" />       </td>       <td height="23" width="21" class="menu_red">            <!--spacer-->       </td>       <td class="menu_red">     <img id="carlton_button" height="23" width="63" onmouseover="SetActiveElement( 'carlton', 'button' );"                                 onmouseout="SetActiveElementSlowed( delay_active, null, 'button' );"                              src={"images/menu/btnCarlton.png"|ezdesign} alt="carlton_button" />       </td>       <td height="23" width="21" class="menu_red">            <!--spacer-->       </td>       <td class="menu_red">     <img id="media_button" height="23" width="55" onmouseover="SetActiveElement( 'media', 'button' );"                            onmouseout="SetActiveElementSlowed( delay_active, null, 'button' );"                                        src={"images/menu/btnMedia.png"|ezdesign} alt="media_button" />       </td>       <!--media_icon width=39-->       <td height="23" width="14" class="menu_red">            <!--spacer-->       </td>       <td class="menu_red">     <img id="shop_button" height="23" width="43" onmouseover="SetActiveElement( 'shop', 'button' );"                           onmouseout="SetActiveElementSlowed( delay_active, null, 'button' );"                           src={"images/menu/btnShop.png"|ezdesign} alt="shop_button "/>       </td>       <!--shop_icon width=34-->       <td height="23" width="28" class="menu_red">            <!--spacer-->       </td>       <td class="menu_red">        <img height="23" width="46" src={"images/menu/imgSearch.png"|ezdesign} alt="search_label" />       </td>       <td height="23" width="95" class="menu_red">        <input class="search" type="text" size="13" name="SearchText" value=""/>       </td>       <td class="menu_red">        <a href="javascript:document.searchform.submit();">         <img height="23" width="21" src={"images/menu/btnSearch.png"|ezdesign} alt="search_los" />        </a>       </td>       <td height="23" width="48" class="menu_red">            <!--spacer-->       </td>       <td class="menu">        <img height="23" width="18" src={"images/menu/transRedBlue.png"|ezdesign} alt="transRedBlue" />       </td>       <td height="23" width="3" class="menu_blue">            <!--spacer-->       </td>       <td class="menu_blue">     <img id="press_button" height="23" width="55" onmouseover="SetActiveElement( 'press', 'button' );"                            onmouseout="SetActiveElementSlowed( delay_active, null, 'button' );"                            src={"images/menu/btnPress.png"|ezdesign} alt="press_button" />       </td>       <td height="23" width="3" class="menu_blue">            <!--spacer-->       </td>       <td class="menu_blue">                 {let path_to_image="images/menu/btnLogin.png"|ezdesign }                     {section show=eq($current_user.contentobject_id,$anonymous_user_id)}                         <a href={"user/login/"|ezurl}>                     {section-else}                         <a href={"user/logout/"|ezurl}>                         {set path_to_image="images/menu/btnLogout.png"|ezdesign }                     {/section}             <img id="user_button" height="23" width="60" onmouseover="SetActiveElement( 'user', 'button' );"                         onmouseout="SetActiveElementSlowed( delay_active, null, 'button' );"                src={$path_to_image} alt="user_button" />                     </a>                 {/let}       </td>             <!--user_icon width=35-->       <td height="23" width="3" class="menu_blue">            <!--spacer-->       </td>      </tr>      <tr>       <td colspan="6" class="menu">           <img height="4" width="215" src={"images/pixelweiss.png"|ezdesign} alt="pixelweiss" /> <!--spacer-->         </td>         <!--media_icon width=39-->       <td colspan="2" class="menu">           <img height="4" width="57" src={"images/pixelweiss.png"|ezdesign} alt="pixelweiss" /> <!--spacer-->         </td>         <!--shop_icon width=34-->       <td colspan="8" class="menu">           <img height="4" width="304" src={"images/pixelweiss.png"|ezdesign} alt="pixelweiss" /> <!--spacer-->       </td>       <td colspan="2" class="menu">           <img height="4" width="63" src={"images/pixelweiss.png"|ezdesign} alt="pixelweiss" /> <!--spacer-->       </td>       <!--press_icon width=35-->       <td class="menu">           <img height="4" width="3" src={"images/pixelweiss.png"|ezdesign} alt="pixelweiss" /> <!--spacer-->       </td>      </tr>      </table>     </td> </tr> </table>

      </form>

  2. für jeden browser ne eigene css datei und die formatiert dir die elemente


    1. Nutze eZPublish und die Dateien sind gecacht... habe keine ob/wie 2 css-Dateien gehen.

      1. Nutze eZPublish und die Dateien sind gecacht... habe keine ob/wie 2 css-Dateien gehen.

        selbst schuld;-)

        machst du datei 1 intanet_virenschleuder-explorer.css und z.b. mozilla_und_gesellen.css

        in die css machst du jeweils die richtigen pos/width/.. angaben für den jeweiligen browser rein.

        dann in html seite machst entscheidest du erst welcher browser das ist z.B mit if (document.all){<--- das ist der ie

        und dann document.write("<link rel="intanet_virenschleuder-explorer.css" ...

        oder wie?