İyinet'e Hoşgeldiniz!

Türkiye'nin En Eski Webmaster Forum'una Hemen Kayıt Olun!

Kayıt Ol!

CSS tasarımda ie ve ff'de farklı sorunlar

Cagatay

0
İyinet Üyesi
Katılım
10 Mart 2006
Mesajlar
2,789
Reaction score
0
Arkadaşlar bir sinema tanıtım sitesi açmayı planlıyorum ancak css konusunda ileri düzeyde bir bilgim olmadıgından ufak defek birkaç sorunla karşı karşıyayım.

Site Adresi

Site internet explorerda alt kısım (son eklenen filmler ve rastgele filmler) uzayıp aşağı doğru iniyor, bu ciddi bir sorun yaratıyor sitenin görüntüsü açısından.

Site firefoxta ise sola kayık şekilde kalıyor, iede bu sorun yok ve türkçe karakterlerin bazılarında sorun veriyor bu da iede gözükmüyor. türkçe karakter sorununu firefox dil kodlaması kısmından değiştiriyorum ama sorun hallolmuyor, bu fazla büyük bir sorun değil aslında ama ince bi ayrıntı.

Şuan acil olarak internet explorerda sitenin alt kısmının yukarıya çekilmesi,

CSS konusunda bilgisi olan arkadaşlar yardımcı olurlarsa gerçekten çok sevinirim.
Normal .php sayfalarda herhangi bir tablo değeri yok, tasarım tamamen css ile entegrelidir.


Sayfanın uzadığı alanın tam olarak kodları :

PHP:
				<div class="foot"></div>
	<br>	<br>	<br>	<br>	<br>	<br>
				<div class="divider"></div>
				
				<div id="ccol1">
					<h3><strong>son eklenenler</strong></h3>
					<div class="content">

					<div class="content">
						<ul>
bu arada kodlar var

						</ul>
					</div>

					</div>
				</div>
				
				<div id="ccol2">
					<h3><strong>rastgele filmler</strong></h3>
					<div class="content">
						<ul>
bu arada kodlar var

						</ul>
					</div>
				</div>
				
				<!-- Main End -->
				<div class="foot"></div>				
			</div>
	
		</div>
	
		<div id="side">
			<!-- Side start -->

	<h3><strong>Diziler</strong></h3>
			<div class="content">
				<ul>
					<li class="first"><a href="#">Diziler</a></li>
					<li><a href="#">Diziler</a></li>
					<li><a href="#">Diziler</a></li>
					<li><a href="#">Diziler</a></li>
					<li><a href="#">Diziler</a></li>
					<li><a href="#">Diziler</a></li>
					<li><a href="#">Diziler</a></li>

				</ul>
			</div>
				
			<!-- Side end -->
		</div>
		<div id="xbgB" class="foot"></div>
	</div>

</div>
<div id="outer2"></div>

<div id="footer">
bu arada kodlar var
</div>

</body>
</html>
css kodlarını da vereyim :




body {text-align: center; }
#container {width: 760px; margin: overflow: hidden; 0 auto; text-align: left; }
*
{
margin: 0px;
padding: 0px;
}

body
{
background: #fff url('images/bg.gif');
font-size: 12px;
font-family: "trebuchet ms", helvetica, sans-serif;
color: #857D74;
}

p
{
display: block;
text-align: justify;
}

a
{
color: #D97900;
text-decoration: underline;
}

a:hover
{
text-decoration: none;
background-color: #D97900;
color: #FFFAF3;
}

em
{
font-style: italic;
}

.date
{
font-family: georgia, "times new roman", serif;
font-size: 10px;
}

h1,h2,h3,h4,h5,h6,th
{
font-family: georgia, "times new roman", serif;
font-weight: normal;
text-align: left;
}

.foot
{
height: 1px;
line-height: 1px;
clear: both;
}

.divider
{
border-bottom: solid 1px #F6F3F1;
text-align: left;
}

th strong
{
color: #fff;
}

table
{
border-collapse: collapse;
width: 100%;
}

th
{
background: #824900 url('images/thbg.gif') repeat-x;
height: 29px;
padding-left: 11px;
padding-right: 11px;
color: #fff;
text-align: left;
border-left: solid 1px #A8814D;
border-bottom: solid 2px #ffffff;
}

tr
{
height: 30px;
}

td
{
padding-left: 11px;
padding-right: 11px;
border-left: solid 1px #EED9C3;
border-bottom: solid 1px #ffffff;
}

td.first,th.first
{
border-left: 0px;
}

tr.rowA
{
background: #FFF0DE url('images/trbg1.gif') repeat-x;
}

tr.rowB
{
background: #FFFAF4 url('images/trbg2.gif') repeat-x;
}

#outer
{
width: 698px;
background: #fff url('images/mainbg.gif');
margin: 20px auto 0px auto;
padding: 10px 13px 0px 13px;
}

#outer2
{
width: 724px;
height: 3px;
font-size: 0px;
line-height: 0px;
padding: 0px;
background: #fff url('images/mainbg2.gif');
margin: 0px auto 0px auto;
}

#inner
{
background-image: url('images/cbg2.gif');
background-repeat: repeat-y;
}

#header
{
position: relative;
height: 80px;
background-image: url('images/headbg.gif');
}

#header h1
{
position: absolute;
bottom: 10px;
font-size: 26px;
padding-left: 20px;
color: #fff;
text-align: left;
}

#header h1 strong
{
color: #fff;
text-align: right;
}

#header h1 span
{
color: #D97900;
text-align: left;
}

#menu
{
position: absolute;
right: 0px;
padding-right: 26px;
bottom: 14px;
color: #A75300;
}

#menu ul
{
list-style: none;
}

#menu li
{
float: left;
border-left: solid 1px #A75300;
padding-left: 8px;
margin-left: 8px;
}

#menu li.first
{
margin-left: 0px;
padding-left: 0px;
border-left: 0px;
}

#menu a
{
color: #fff;
}

#xbgA
{
height: 31px;
width: 500px;
position: absolute;
top: 0px;
background-image: url('images/cbg1.gif');
z-index: 1;
}

#xbgB
{
position: relative;
height: 32px;
width: 500px;
background-image: url('images/cbg3.gif');
z-index: 1;
}

#main
{
position: relative;
width: 500px;
margin: 3px -500px 0px 0px;
float: left;
}

#main_inner
{
padding: 31px 28px 18px 18px;
position: relative;
z-index: 5;
}

#main ul
{
list-style: none;
}

#main li
{
padding-left: 12px;
background-image: url('images/bullet.gif');
background-repeat: no-repeat;
background-position: 0px 6px;
}

#main h2,h3
{
color: #6C3C1E;
text-align: left;
}

#main h2
{
font-size: 22px;
background-image: url('images/db1.gif');
background-repeat: no-repeat;
height: 60px;
padding-left: 22px;
margin-bottom: -15px;
text-align: left;
}

#main h3
{
font-size: 12px;
background-image: url('images/db2.gif');
background-repeat: no-repeat;
height: 50px;
padding-left: 22px;
margin-bottom: -15px;
text-align: left;
}

#main p
{
margin-bottom: 14px;
}

#main p strong
{
color: #725D46;
}

#main .content
{
position: relative;
padding-left: 22px;
}


img.cpic
{
position: relative;
top: -8px;

width: 178px;
height: 278px;
padding: 20px;
}

img.right
{
float: right;
margin-left: 14px;
}

#main .divider
{
margin: 20px 0px 20px 0px;
}

#ccol1
{
position: relative;
width: 202px;
float: left;
border-right: solid 1px #F6F3F1;
padding-right: 20px;
text-align: left;
}

#ccol2
{
position: relative;
width: 202px;
margin-left: 242px;
text-align: left;
}

#side
{
position: relative;
float: right;
width: 170px;
margin: 3px 0px 0px 3px;
}

#side h3
{
background-image: url('images/rhbg.gif');
width: 158px;
height: 23px;
color: #fff;
text-align: left;
font-size: 11px;
padding: 9px 0px 0px 14px;
}

#side .content
{
background-image: url('images/rhbg2.gif');
background-repeat: repeat-x;
padding: 22px 14px 0px 14px;
margin: 3px 0px 20px 0px;

}

#side ul
{
list-style: none;
}

#side li
{
border-top: solid 1px #F6F3F1;
padding-top: 5px;
margin: 5px 0px 0px 0px;
}

#side li.first
{
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
}

#side .divider
{
margin: 14px 0px 14px 0px;
}

#footer
{
width: 698px;
margin: 12px auto 0px auto;
padding-bottom: 24px;
text-align: center;
color: #6495A3;
}

#footer a
{
color: #7DAFBD;
}

#footer a:hover
{
background-color: #7DAFBD;
color: #E8FAFF;
}
 

ploop

0
İyinet Üyesi
Katılım
11 Ekim 2004
Mesajlar
6,964
Reaction score
0
Konum
karavan
<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>

<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>

<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>


<li><a href="-film-dizi-izle.html" title=' filmi izle, indir'></a></li>
buraları temizle düzelir...
 

Cagatay

0
İyinet Üyesi
Katılım
10 Mart 2006
Mesajlar
2,789
Reaction score
0
Sağol ploop r10da seratan nickli arkadaş sorunu tam olarak çözmeme yardımcı oldu, senin verdiğin alanda öyle kodlar yok, tek bir php sorgusu ile son 10 veriyi çeken kod var, o yüzden <li> <a href kaynak kodlara baktıgında öyle gözükmekte,

Yardım meleği ploop sağol valla ya hiç boşgeçmek yok yardım konularını.
Halkın modu
 

Türkiye’nin ilk webmaster forum sitesi iyinet.com'da forum üyeleri tarafından yapılan tüm paylaşımlardan; Türk Ceza Kanunu’nun 20. Maddesinin, 5651 Sayılı Kanununun 4. maddesinin 2. fıkrasına göre, paylaşım yapan üyeler sorumludur.

Backlink ve Tanıtım Yazısı için iletişime geçmek için Skype Adresimiz: .cid.1580508955483fe5

Üst