ورود

View Full Version : مشکل وسط قراردادن در وسط صفحه اینبار عرض صفحه


mRizvandi
شنبه 20 مرداد 1386, 16:43 عصر
سلام

من این کد رو نوشتم: در استاندارد XHTML1.1




<div id="content"style="text-align:center;">
<table>
<tr>
<td>
<tablecellpadding="0"border="0"style="height: 150px; width: 300px;">
<tr>
<td>
login</td>
</tr>
<tr>
<tdstyle="padding-top:150px;">
hello firefox center element
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>


(البته این یه تیکه از کد صفحه مورد نظر من هست)

من می خوام این div اصلی با id=ceontent وسط صفحه باز بشه البته در firefox. در ie مشکلی نداره!

ممنون میشم اگر راه استانداردش رو به من یاد بدید.
اگر مقاله ای هم در خصوص تفاوتهای ie و firefox کسی میشناسه ممنون میشم لینک بدید.
cybercoder
شنبه 20 مرداد 1386, 17:21 عصر
از تگ <center> استفاده کن


گر مقاله ای هم در خصوص تفاوتهای ie و firefox کسی میشناسه ممنون میشم لینک بدید

http://www.mouserunner.com/FF_SeeTheDifference.html
http://www.mouserunner.com/FF_SeeTheDifference.html
و ...
تو یک موتور جستجو اینو بذار جوابای زیادی می گیری
Difference between Firefox and IE

موفق باشید.
mahdyeh
شنبه 20 مرداد 1386, 17:22 عصر
VALIGN="middle"
mRizvandi
شنبه 20 مرداد 1386, 17:50 عصر
سلام
نه دوست عزیز اشتباه گرفتی

VALIGN="middle"


از تگ <center> استفاده کن

مرسی از جوابتون ولی استاندارد (xhtml 1.1) نیست.!!!!
راه استاندارد نداره؟
cybercoder
شنبه 20 مرداد 1386, 18:00 عصر
مرسی از جوابتون ولی استاندارد (xhtml 1.1) نیست.!!!!
راه استاندارد نداره؟

یعنی شما می خوای بگی تگ <center> جز استانداردها نیست؟!!!!!!! بحق چیزای نشنیده
tabib_m
شنبه 20 مرداد 1386, 18:27 عصر
فکر کنم استاندارد نیست!
باید از این استفاده کنید:


<div align="center">
mRizvandi
شنبه 20 مرداد 1386, 18:53 عصر
سلام


یعنی شما می خوای بگی تگ <center> جز استانداردها نیست؟!!!!!!! بحق چیزای نشنیده
در استاندارد xhtml 1.1 وجود نداره.

این هم جواب نمی ده


فکر کنم استاندارد نیست!
باید از این استفاده کنید:

کد:
<div align="center">
tabib_m
شنبه 20 مرداد 1386, 19:26 عصر
به چه صورت استفاده کردی که جواب نگرفتی؟

در ضمن ، اگر میخوای خود div بیات وسط (کاری به محتویاتش ندارم) باید width بهش بدی، چون به صورت پیشفرض، تمامی عرض صفحه رو گرفته...

موفق باشید.
mRizvandi
سه شنبه 23 مرداد 1386, 11:53 صبح
سلام


به چه صورت استفاده کردی که جواب نگرفتی؟

در ضمن ، اگر میخوای خود div بیات وسط (کاری به محتویاتش ندارم) باید width بهش بدی، چون به صورت پیشفرض، تمامی عرض صفحه رو گرفته...

موفق باشید.

اتفاقا بهش width رو دادم معادل 400px و یکبار هم با 50% تست کردم جواب نمی ده
anubis_ir
سه شنبه 23 مرداد 1386, 12:04 عصر
سلام


<div id="content" style="text-align:center;">
<table style="margin: 0 auto;">
<tr>
<td>
<table cellpadding="0" border="0" style="height: 150px; width: 300px;">
</td>
</tr>
<tr>
<td>login</td>
</tr>
<tr>
<td style="padding-top:150px;">hello firefox center element
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
tabib_m
سه شنبه 23 مرداد 1386, 17:18 عصر
width رو باید توی style بهش بدی ها!!
کدی که تست میکنی رو اینجا بذار تا اگه ایرادی داشته باشه معلوم بشه.



<div align="center">
<div style="width: 300px; border: 1px solid gray;" align="right">
My Name is Mohsen Haeri.
What is your name?
</div>
</div>
neopersia
چهارشنبه 24 مرداد 1386, 01:49 صبح
اگه برای table از شناسه "align="center استفاده کنی مشکل حل میشه
تو XHTML 1.0 Transitional مشکلی نداره ولی XHTML 1.1 رو نمیدونم
cybercoder
جمعه 09 شهریور 1386, 23:50 عصر
<html>
<head>
<style>
body {left:0px;top:0px;}
#mainDiv {left:0px;top:0px;width:760;height:624;background-colorhttp://barnamenevis.org/forum/../images/dmxzone/forum/icon_smile_tongue.gifink;position:absolute;visibil ity:hidden}
</style>
</head>
<body onResize = setMiddle()>
<div id="mainDiv">
Here is the main div layer, put your content in here.
</div>
<script>
function setMiddle(){
var sWidth = actualPageWidth();
var sHeight = actualPageHeight();
var mWidth = parseInt(document.getElementById("mainDiv").style.width)
var mHeight = parseInt(document.getElementById("mainDiv").style.height)
lMargin = (sWidth - mWidth)/2;
if (lMargin < 0) lMargin="0";
tMargin = (sHeight - mHeight)/2;
if (tMargin < 0) tMargin="0";
document.getElementById("mainDiv").style.left = lMargin + "px";
document.getElementById("mainDiv").style.top = tMargin + "px";
document.getElementById("mainDiv").style.visibility = "visible"
return false;
}
function actualPageHeight() {
if (window.innerHeight != null)
return window.innerHeight;
if (document.body.clientHeight != null)
return document.body.clientHeight;
return(null);
}

function actualPageWidth() {
if (window.innerWidth != null)
return window.innerWidth;
if (document.body.clientWidth != null)
return document.body.clientWidth;
return(null);
}
setMiddle()
window.onResize = setMiddle()
</script>
</body>
</html>

موفق باشی