مشکل در طراحی Tableless در مرورگرهای Firefox و Opera ... [بایگانی]

sweb

شنبه 24 آذر 1386, 21:38 عصر

درود

http://i17.tinypic.com/6yn0l0l.gif

این تصویر رو که مشاهده می کنین نتیجه کد های زیر هستش در مرورگر های Firefox و IE که در Opera هم مثل Firefox لود شد که نزاشتمش

این هم سورسش :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
body, input, select, textarea {
font-family: tahoma;
font-size: 12px;
}
body {
background-color: #000000;
color: #CCCCCC;
padding: 32px;
}
#formbox div.lbl {
float: right;
height: 32px;
}
#formbox div.inp {
float: left;
height: 32px;
}
#formbox div.dsc {
clear: both;
height: 24px;
font-size: 10px;
color: #999999;
padding: 0 24px 0 0;
background-image: url(frmdscico.gif);
background-repeat: no-repeat;
background-position: right top;
}
#formbox div.clr {
clear: both;
border-bottom: 1px dashed #333333;
margin: 8px 0;
}
#formbox input.textbox {
border: 1px solid #666666;
background-color: #1A1A1A;
color: #FFFFFF;
width: 192px;
}
#formbox textarea.multitextbox {
clear: both;
border: 1px solid #666666;
background-color: #1A1A1A;
color: #FFFFFF;
width: 192px;
height: 128px;
display: compact;
}
#formbox select.combobox {
border: 1px solid #666666;
background-color: #1A1A1A;
color: #FFFFFF;
width: 194px;
}
</style>
</head>
<body>
<form id="" method="post" action="">
<div id="formbox">
<div class="lbl"><label for="title">عنوان</label></div>
<div class="inp"><input name="title" type="text" class="textbox" id="title" /></div>
<div class="dsc">توضیحات ... توضیحات ... توضیحات ... توضیحات ... توضیحات ... توضیحات ... توضیحات ... توضیحات ... توضیحات ... توضیحات ... توضیحات ... توضیحات ... توضیحات ... توضیحات ... </div>
<div class="clr"></div>
<div class="lbl"><label for="title">عنوان</label></div>
<div class="inp">
<textarea name="textarea" class="multitextbox"></textarea>
</div>
<div class="clr"></div>
<div class="lbl"><label for="title">عنوان</label></div>
<div class="inp">
<select name="" class="combobox">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</div>
<div class="dsc">
<p>توضیحات.</p>
<p>توضیحات.</p>
<p>توضیحات.</p>
<p>توضیحات.</p>
<p>توضیحات.</p>
<p>توضیحات.</p>
<p>توضیحات.</p>
<p>توضیحات.</p>
<p>توضیحات.</p>
<p>توضیحات.</p>
</div>
<div class="clr"></div>
</div>
</form>
</body>
</html>

مشکل چیه ؟