כיצד ממקמים div במרכז המסך ב html - תכנות - HWzone פורומים
עבור לתוכן
  • צור חשבון

כיצד ממקמים div במרכז המסך ב html

nondos

נוצר על ידי nondos
ב תכנות

Recommended Posts

nondos Zone Freak

nondos

פורסם
פורסם

שלום,

אני חדש ב- html ומנסה לעשות משהו קטן

יצרתי את הקוד הבא


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/url]
<html xmlns="[url]http://www.w3.org/1999/xhtml">[/url]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
	background-image: url(images/pattern.jpg);
}
#mainFrame {
	background-color: #FFFFFF;
	height: 500px;
	width: 900px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

-->
</style></head>

<body>
<div id="mainFrame">Content for id "mainFrame" Goes Here</div>
</body>
</html>

תיבת ה div שיצרתי נמצאת בפינה השמאלית העליונה ואני רוצה שהיא תהיה בדיוק במרכז המסך כיצד עושים זאת?

אני משתמש ב dreamweaver

תודה

קישור לתוכן
שתף באתרים אחרים
PhoenixBoy Zone Addict

PhoenixBoy

פורסם
פורסם

עקרונית אתה יכול להשתמש במאפיין text-align ב-CSS אבל אז הוא ימרכז לך את הטקסט.

חיפוש זריז בגוגל העלה את התוצאה הבאה:

http://www.thesitewizard.com/css/center-div-block.shtml

הנה ה-HTML עם ה-DIV ממורכז (אם אתה רוצה שהטקסט יהיה באמצע התיבה תשתמש ב-text-align: center.):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/url]
<html xmlns="[url]http://www.w3.org/1999/xhtml">[/url]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
	background-image: url(images/pattern.jpg);
}
#mainFrame {
	background-color: #FFFFFF;
	height: 500px;
	width: 900px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	 margin-left: auto ;
	margin-right: auto ;
}

-->
</style></head>

<body>
<div id="mainFrame">Content for id "mainFrame" Goes Here</div>
</body>
</html>

קישור לתוכן
שתף באתרים אחרים

ארכיון

דיון זה הועבר לארכיון ולא ניתן להוסיף בו תגובות חדשות.

עבור לרשימת הדיונים
×
  • צור חדש...