Проблемы с дивами

Сообщения: 14 Репутация: N Группа: Кто попало

22 ноября 2007 г. 15:58

пишу обыкновенный хтмл код


<html>
	<head>
			<meta http-equiv=content-type content="text/html; charset=UTF-8">
			<link rel="stylesheet" type="text/css" href="visa.css"  />
					<title>
						Visa
					</title>
					<style>
						.header {height:300px}						
						.fhdr {  width:70%; }
						.shdr { width:70%;
								  height:100px;
								  display:table-cell;
	  							  vertical-align:middle;
	 							  position:relative;
								  }
	 				   .cmninp {  width:600px;display:table-cell; text-align:left;}
	 				   .label  {  width:460px; float:left;text-align:left;}
					</style>


	</head>
	<body>
		
		<!–main div–>
		<div id="main"  style="background: orange;"  align="center">
		<!–Header–>	
			<div class="header">			
				<div class="fhdr">bla  bla  bla  bla
				</div>
	
				<div class="shdr" >bla bla bla bla
				</div>
			</div>
		<!–end of Header–>
		
		<!–Input the data–>
		<div class="label">
			1.Surname :
		</div>		
		<div class="cmninp"> 
			<input type="text" class="smplinp" name="surname"/>
		</div>
		
		<br>
		<div class="label">
			2.Other names:
		</div>
		<div class="cmninp"> 
			<input type="text" class="smplinp" name="othname"/>
		</div>

выходит такая незадача что если строка перед инпутами в две строчки ,то оранжевый фон действует на всю страницу,кроме последней строчки
Просьбы к верстальщикам,как можно улучшить данный код?

java

Сообщения: 14 Репутация: N Группа: Кто попало
22 ноября 2007 г. 15:58, спустя 53 секунды
да кстати css на которую ссылаюсь
.smplinp { border: solid 1px #a7a6aa; width: 216px; height: 20px; font-family: Verdana, Tahoma, Arial; color: #666; font-size: 10pt; }

Пожалуйста, авторизуйтесь, чтобы написать комментарий!

Проблемы с дивами

Войти