Merhabalar,

Okul projemde kendi makinemde 1024 x 768 çözünürlükte site tam istesiğim gibi gözüküyor fakat farklı ekran çözünürlüklerinde yazı istediğim gibi gözükmüyor.

CSS:

#cbu_metin {
	position:absolute;
	width:500px;
	height:49px;
	left: 190px;
	top: 22px;
}
#cbu_logo{
	margin-left:100;

}

index.php

<!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">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-9" />
<title>Ana Sayfa</title>
<link href="./tema/css/site_tema.css" rel="stylesheet" type="text/css" media="screen" />
<link href="./tema/css/slideshow.css" rel="stylesheet" type="text/css" media="screen" />
<link href="./tema/css/menu_1.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="./tema/js/menu.js"></script>
<script type="text/javascript" src="./tema/js/jquery.min.js"></script>
<style type="text/css">
<!--
.style1 {color: #FFFFFF}
.style2 {color: #CCCCCC}
.style3 {font-size: 16px}
-->
</style>
</head>
<body>
<div id="cbu_metin">
  <?php include 'site_ad.php';?>
</div>
<div id="wrapper">
	<div id="header">
	    <div id="cbu_logo">
		<a href="./index.php" target="_self"><img src="./tema/resim/site_logo/cbu.png" alt="Ana sayfa" width="90" height="90" border="0" /></a>	</div>
		
<div id="menu">
			<?php include 'menu.php';?>
</div>

	</div>
	<!-- end #header -->
	<div id="page">
		<div id="page-bgtop">
			<div id="page-bgbtm">
				<div id="content">
					<div class="post">
						<h3 class="title">Web Sayfamıza Hoşgeldiniz...</h3>
						<div class="entry">
						<div align="left">
						<?php  include ('./slayt.php')?>
						</div>
					</div>
				  </div>
					<div class="post">
					  <div class="entry">
							<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="style1"><strong>Celal Bayar Üniversitesi Kırkağaç Meslek Yüksekokulu</strong><br />
						    <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="style2">Nitelikli akademik kadrosu, modern tesisleri, kullandığı yüksek  teknoloji ve sahip olduğu eğitim kalitesi ile uluslar arası  standartları yakalamış bir dünya üniversitesidir.</span></span></p>
					  </div>
				  </div>
			  </div>
				<!-- end #content -->
				<div id="sidebar">
				<div id="sidebar-bgtop">
				<div id="sidebar-bgbtm">
					<ul>
						<li>
						  <h2>Arama</h2>
							<div id="search" >
								
								<form name="form1" id="form1" method="post" action="site_ici_arama.php">
									<div>
										<input type="text" name="arama" onfocus="this.value=''" id="search-text" value="Aranacak Metni Giriniz..." />
										<input type="submit" id="search-submit" value=" Ara" />
									</div>
								</form>
							</div>
							<div style="clear: both;">&nbsp;</div>
						</li>
						<li>
							<h2>Duyurular</h2>
							<p><?php include 'duyuru_listele.php';?></p>
						</li>
				  </ul>
				</div>
				</div>
				</div>
				<!-- end #sidebar -->
				<div style="clear: both;">&nbsp;</div>
			</div>
			
		</div>
	</div>
	<!-- end #page -->
	<div style="clear: both;">&nbsp;</div>
</div>
<div id="footer-wrapper">
	<div id="footer">
	  <p>&copy; 2010 - Celal Bayar Üniversitesi Tüm Hakları Saklıdır </p>
  </div>
</div>
</body>
</html>

1024 x 768 Çözünürlükte :



1152 x 864 Çözünürlükte :




Siteyi buradan kontrol edebilirsiniz...

Kısacası üstteki resim ve yazıyı her çözünürlükte aynı olması için ne yapabiliriz?

Konuyla ilgilendiğiniz için şimdiden çok teşekkürler...