VERZWEIFEL - TEXTBOX soll die gleich Groesse wie SELECT haben!
Dominik Pich
- browser
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!?
hi
der quellcode wäre hilfreich...
ichen
<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>
für jeden browser ne eigene css datei und die formatiert dir die elemente
Nutze eZPublish und die Dateien sind gecacht... habe keine ob/wie 2 css-Dateien gehen.
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?