Проблема: input вылезает за границы div-а в ИЕ

konopushka · February 11, 2008

Есть два дива: слева (menu) и справа (content), в контенте есть див (box), в него вставлен input. У контента есть фон и по идее input должен быть как раз на этом фоне. В firefox так и есть, а вот Internet Explorer (7) шалит. Что делать?

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
<style type="text/css" media="screen">
#menu{
	position:absolute;
	left:17px;
	width:200px;
}

#content{
	position:relative;
	margin-left:250px;
	padding-left:7px;
}

#box{
	background-color:aqua;
	width:222px;
	height:32px;
}

#input{
	border:0;
	height:17px;
	background:gray;
}

</style>
</head>

<body>
<div id="menu">
</div>
<div id="content">
	<div id="box">
		<input id="input" name="Text1" type="text" />
	</div>
</div>

</body>

</html>

Микель · February 12, 2008

Совсем недавно столкнулся с похожей проблемой, klierik мне помог. Нужно просто пользовать свойство float

http://forum.htmlbook.ru/index.php?showtopic=7003

И,кстати,задавать цвет нужно не aqua или red,а кодом.

konopushka · February 12, 2008

Спасибо.

Float мне не нравится тем, что когда ширина браузера маленькая все дивы выстраиваются друг под друга. Хотя я только начинаю и может быть я не права?

И, кстати, задавать цвет нужно не aqua или red,а кодом.

Это я так, для простоты, мне на самом деле под input надо картинку бакграундом поставить.

Микель · February 12, 2008

Без float все равно вроде никак,а чтобы блоки не наезжали друг на друга,стоит прочитать про свойство min-width и

http://htmlbook.ru/faq/?a=61

Sign In

Проблема: input вылезает за границы div-а в ИЕ

Question

konopushka

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Микель

Link to comment

Share on other sites

konopushka

Link to comment

Share on other sites

Микель

Link to comment

Share on other sites

Обсуждения

Forums

Important Information