PDA

View Full Version : طراحی قالب سایت



idocsidocs
چهارشنبه 10 آذر 1389, 15:47 عصر
سلام

من برای قالب سایتم از کدهای زیر استفاده می کنم، کد سی اس اس باعث می شه که فوتر همیشه به پایین صفحه مرورگر بچسبه (هم زمانیکه ارتفاع محتویات سایت کمتر از ارفتاع مانیتور باشه و چه زمانی که ارتفاع محتویات سایت بیشتر از ارتفاع مانیتور باشه).

این کد یه ایراد داره و اونم زمانیه که رزیولیشن صفحه رو تغییر می دیم، مثلا از

1024 by 768
به
1152 by 864

تغییر می دیم. در این حالت محتویات صفحه بجای اینکه وسط مانیتور قرار بگیرن، سمت راست یا چپ مانیتور قرار می گیرن.

شما راهی به نظرتون نمی رسه که بتونید بعد از تغییر ریولیشن، محتویات صفحه در وسط نمایش داده بشن و فوتر به پایین صفحه بچسبه؟

پی اچ پی در این زمینه کاری می تونه انجام بده یا اینکه فقط باید از سی اس اس استفاده کرد؟




body {
margin: 0;
padding: 0;
}
html, body, #contents {
max-width:900px;
min-width:780px;
min-height: 100%;
}
html>body, html>body #contents {
height: auto;
}
#all {
position: absolute;
top: 0;
left: 0;
}
#right {
position: absolute;
top: 1em;
right: 1em;
width: 14em;
text-align:right;
}
#content {
margin-top:1em;
margin-left: 2em;
margin-right: 16em;
margin-bottom: 5em;
}
#header {
position: absolute;
top: 0;
width:100%;
}
#footer {
position: absolute;
bottom: 0;
width:100%;
}



<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css</title>
<link href="test.css" type="text/css" rel="stylesheet" />
</head>

<body>
<div id="all"></div>
<div id="header">header</div>
<div id="content">content</div>
<div id="right">right</div>
<div id="footer">footer</div>
</div>
</body>
</html>

UnnamE
چهارشنبه 10 آذر 1389, 19:14 عصر
وقتي سايتت رو مناسب با نمايشگر خودت طراحي ميكني يا به عبارتي براي اندازه بلوك ها از مقدارهاي اندازه گيري مث pixel, em, cm يا چيزاهايي مثلشون استفاده ميكني براي كسان ديگه كه نمايشگر هايي با انداره و رزولوشن متفاوت دارن به خوبي اجرا نميشه
بهتر هست از % يا همون درصد استفاده كني

idocsidocs
چهارشنبه 10 آذر 1389, 19:28 عصر
وقتي سايتت رو مناسب با نمايشگر خودت طراحي ميكني يا به عبارتي براي اندازه بلوك ها از مقدارهاي اندازه گيري مث pixel, em, cm يا چيزاهايي مثلشون استفاده ميكني براي كسان ديگه كه نمايشگر هايي با انداره و رزولوشن متفاوت دارن به خوبي اجرا نميشه
بهتر هست از % يا همون درصد استفاده كني

البته تا اونجا که من می دونم و توی کتابهای مختلف خوندم، برای طراحی دقیق باید از پیکسل استفاده کنیم.

hossin.esm
پنج شنبه 11 آذر 1389, 08:57 صبح
#content {
margin-top:1em;
margin-left: 2em;
margin-right: 16em;
margin-bottom: 5em;
text-align:center;

}

idocsidocs
پنج شنبه 11 آذر 1389, 14:32 عصر
#content {
margin-top:1em;
margin-left: 2em;
margin-right: 16em;
margin-bottom: 5em;
text-align:center;

}


مشکل حل نشد.

اگه کد آماده دارید، لطفا کدتون رو برام ارسال کنید.