Neler yeni

Yeni mesajlar Yeni konular En çok mesaj En çok tepki En çok görüntülenen

Ekran Çözünürlügüne Göre Sayfa Ortalama [ Yardım ]

cracerss

🌱Yeni Üye🌱
Katılım
10 Ara 2008
Mesajlar
9
Tepkime puanı
0
Hayırlı Günler Arkadaslar Kac Gündür Ugrasıyorum Yapamadım Sayfa Ortalama Olayını Konuyu Yanlıs Yere Actıysam Özür Dilerim İlgili Bölüme Tasınırsa Sevinirim

Kaynak Kodları :


Kod:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"https://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link media=”screen” type=”text/css” href=”style.css” rel=”stylesheet”>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9">

<title>Untitled Document</title>



<style type="text/css">
<!--
#kutu {
	height: 200px;
	width: 200px;
	margin-top: auto;
	background-color: #FF0000;
}
html, body {
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	background-color: #333333;
}

{
#container{
margin: -50 auto;
}
-->
</style>
</head>


<body>
<div id="container"><img src="https://www.imageto.org/images/thumbs/N2gBm.jpg"></div>


<div id="html1" style="position:absolute; overflow:hidden; left:300px; top:45px; width:600px; height:500px; z-index:1">
<iframe width="535" height="324" src="https://www.youtube.com/embed/rrFl-3LNbw0" frameborder="0" allowfullscreen></iframe></div>

</body>
</html>


Düzenlenmiş Halde Verirseniz Sevinirim İ Forumlar
 
Son düzenleme:

aresrisus

🌟Usta Tasarımcı🌟
Katılım
25 Eyl 2012
Mesajlar
287
Tepkime puanı
0
Web sitesi
www.emrecetiner.com.tr
Kod:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"https://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link media="screen" type="text/css" href="style.css" rel="stylesheet">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9">

<title>Untitled Document</title>



<style type="text/css">
<!--
#kutu {
	height: 200px;
	width: 200px;
	margin-top: auto;
	background-color: #FF0000;
}
html, body {
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	background-color: #333333;
}

#container{
margin:0 auto;
}

#html1 {
	margin:0 auto;
	overflow:hidden;
	width:600px;
	height:500px;
	}

-->
</style>
</head>


<body>
<div id="container"><img src="https://www.imageto.org/images/thumbs/N2gBm.jpg"></div>


<div id="html1">
<iframe width="535" height="324" src="https://www.youtube.com/embed/rrFl-3LNbw0" frameborder="0" allowfullscreen></iframe></div>

</body>
</html>

düzenleyip son halini koydum margin:0 auto; ile divleri ortalayabilirsin. yalnız genişlik vermen gerek.
 

max1299

🌟Usta Tasarımcı🌟
Katılım
13 Kas 2009
Mesajlar
389
Tepkime puanı
6
Kod:
#container{
margin:0 auto;
}


bu kod genel kapsayıcı alanı her ekran çözünürlüğüne göre ortalıyor
 

cracerss

🌱Yeni Üye🌱
Katılım
10 Ara 2008
Mesajlar
9
Tepkime puanı
0
Teşekkür ederim Cok Yararınız dokundu Kolay Gelsin Arkadaslar :)
 
Üst