مشکل با position:apsulute ؟

fahimehf

Member
سلام می کنم به همه اساتید

یک مشکل مهم دارمو

من از position:apsulute استفاده می کنم و این باعث شده وقتی صفحه رو بصورت افقی کوچک می کنم همه چی بهم بریزه بنظر شما چیکار کنم ؟
 

echessdesign

مدیر انجمن طراحی وب
درود بر شما
شما با دادن مقدار absolute به خصیصه position باعث شناور شدن اون در صفحه میشید، ...
جهت بررسی کامل بهتر است که کد css و html طراحی خود را قرار دهید.
 

tabib_m

Member
پیشنهاد جدی: مادامی که راه دیگه ای جز استفاده از position:absolute ندارین، از اون استفاده نکنید!!!

موفق باشید.
 

fahimehf

Member
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="rtl" xmlns="http://www.w3.org/1999/xhtml">
<head></head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
<!--
.container {background:#0099FF; color:#fff; margin:0 15px; 
 }
.rtop, .rbottom{
display:block;
background:#FFFFFF;
}
.rtop *, .rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#0099FF;
}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
height: 15px;

}
#win{
margin-left:1px; margin-right:1px; border-style:outset; border-color:#0099FF; border:1px; background-image:url(upload/images/login1.jpg); background-repeat:no-repeat; height:250px;
}
-->
</style>

<body style="font-family:tahoma; font-size:12px">

<div id="container" style="margin-left:350px; margin-right:350px; margin-top:100px;">
<b class="rtop">
  <b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b>
</b>

<!--content goes here -->

<div style="background-color:#e6eef7; margin-right:1px; margin-left:1px;"><span style=" margin-left:155px; padding:20px; color:#000066; font-weight:bold;">This is a test</span><img style=" position:absolute; left:365px; margin-top:3px;" src="upload/images/ulogo.jpg" /></div>
<div id="win">

<form method="post" action="">
  <div style="margin-right:50px; margin-top:50px;">user:</div><input name="user" style="margin-right:110px; width:150px" />
  <div style="margin-right:50px; margin-top:0px;">pass :</div><input name="pass" type="password" style="margin-right:110px; width:150px"/> 
  <input type="submit" name="submit" value="submit" style="font-family:tahoma; font-size:12; position:absolute; right:470px; margin-top:80px; width:160px; " />
</form>

</div>
<b class="rbottom">
  <b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b>
</b>
</div> 
</html>
حتما منتظر راهنماییتون هستم.:neutral:
 

جدیدترین ارسال ها

بالا