Autor Zpráva
Krtek
Profil
Ahoj,
v IS který upravuji se mi v IE následujicí problém. Aplikace je vyvíjena nad .Net (lezou z toho aspx stránky).
Pokud do stránky vložím textbox (do html ve vypíše jako <input type="text .... se stylem width nastaveným na 100%)
a tento textbox přeplním (zadám do něj více textu než je jeho šířka), tak se mi po provedení postbacku (akce na serveru
a znovu vyrenderování stránky) tento textbox roztáhne na šířku textu a to i přesto, že z důvodu zarovnání kupy věcí vůči
sobě je zanořený v tabulce, kde sloupce mají pevně v "em" definovanou šířku? To samozřejmě způsobí rozpad layoutu
do kytek.

Netuší někdo pls jak na to? Když jsem to zkoušel nasimulovat ručně na malé stránce s následujícím kódem

<?xml version='1.0' encoding='utf-8'?>
<!-- shodi IE7 do quirks mode -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
	<head>
		<title> test page </title>
		<style type="text/css">
			input
			{
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}

			td
			{
				background-color: green;
			}
		</style>
	</head>
	<body style="overflow: hidden;">
	<div style="overflow: auto;">
		<h1>test velikosti textboxu</h1>
		<table>
			<tr>
				<td style="width: 8em">
					<input type="text" style="width: 100%" value="mm12345678901234567890" />			
				</td>
			</tr>
		</table>		
	</div>
        </body>
</html>


tak se to chovalo, tak že se roztahovala buňka pod inputem, ale input se velikostně neměnil.

Díky za každou radu Petr

P.S. nejsem profi webdesigner, jen to bylo na mě hozeno, takže klidně kritizujte, ale šetřete mě :)
Krtek
Profil
Jako jedno z řešení jsem našel použít

table-layout: fixed;


ale me to fungovalo jen na testovacim prikladu, v IS jsou asi slozitejsi podminky, takze hledam dal
Toto téma je uzamčeno. Odpověď nelze zaslat.