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> <span class="style1"><strong>Celal Bayar Üniversitesi Kırkağaç Meslek Yüksekokulu</strong><br />
<br />
<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;"> </div>
</li>
<li>
<h2>Duyurular</h2>
<p><?php include 'duyuru_listele.php';?></p>
</li>
</ul>
</div>
</div>
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
</div>
</div>
<!-- end #page -->
<div style="clear: both;"> </div>
</div>
<div id="footer-wrapper">
<div id="footer">
<p>© 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...
