עבור לתוכן

יישור עיצוב לאמצע בעזרת CSS - העיצוב אינו מתיישר (הקוד ניראה נכון...) - נפתר!

על-ידי shynet
ב תכנות

Featured Replies

פורסם

שלום לכולם אני מנסה לקודד עיצוב מסויים, את העיצוב כולו אני מקיף באמצעות ה-div הבא:

<!-- Side Wrapper -->
<div id="sitelayout">

ה-div מקיף את כול העיצוב, הינה ה"שלד" של העיצוב:

<!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" />
<link rel="stylesheet" type="text/css" href="template.css">
<title>Nemex Studios</title>
</head>
<body>	
<!-- Side Wrapper -->
<div id="sitelayout">
<!-- Header Wrapper -->
<div id="header_wrapper">
<!-- Header -->
<div id="header">
<img src="images/Logo.jpg">
</div>
<!-- Header End -->
<!-- Header Navigation Menu -->
<div id="header_nav">
<ul id="top_menu">
<li><a href="">Home</a></li>
<li><a href="">Software</a></li>
<li><a href="">Forums</a></li>
<li><a href="">About</a></li>
</ul>
</div>
<!-- Header Navigation Menu End -->
</div>
<!-- Header Wrapper End -->
<!-- Content Area Wrapper -->
<div id="content_wrapper">
<!-- Set of images for the content box -->
<div id="content_top"></div>
<div id="content_left"></div>
<div id="content_box">
<div id="content_repeat"></div>
<!-- Here goes our content -->
</div>
<div id="content_right"></div>
<div id="content_bottom"></div>
<!-- Set of images end -->
</div>
<!-- Content Area Wrapper End -->
</div>
<!-- Side Wrapper End -->
</body>
</html>

והינה הקטע בקובץ template שממנו מעוצב המסמך:

#sitelayout {
	width: 100%;
	height: 100%;
	margin: 0px auto;
	text-align: center;
}

אני לא מומחה ל-CSS אבל אם הבנתי נכון העיצוב אמור להיות מיושר למרכז

אך במציאות הדבר אינו קורה, קובץ ה-template עצמו מצורף למי שמעוניין.

אשמח לדעת מה הבעיה, בעיקרון ממה שיצא לי ליקרוא הייתי צריך להוסיף את ה-DOC Type אך

עדיין הבעיה אינה נפתרה.

תודה!

[attachment deleted by admin]

  • ציטוט
    • פורסם

    שלום,

    הבעיה היא שהגדרת את הרוחב להיות 100% ואז אין משמעות למירכוז. עליך לבחור ערך קטן מזה או להכניס רוחב קבוע (מספר פיקסלים)

    בהצלחה

  • ציטוט
    • פורסם
    • מחבר

    שלום ותודה רבה על התגובה,

    ניסית עם גדלים אחרים (קטנים הרבה יותר, או בינוניים) וזה פשוט לא שינה דבר,

    בעיקרון ה-Div הזה אמור ל"עטוף" את כול האתר ובעזרתו אני קובע את המיקום של

    האתר (שבמקרה הזה באמצע), רעיונות נוספים?

    עריכה:

    מרוב טיפשותי לא שמתי לב שהגדרתי בעזרת ה- "*" את הmargin ל-0 מה שגרם לכך

    שכול האתר לא התיישר בגלל שכול ה-divs שלא הוגדרו ידנית ל-auto פשוט היו 0 ונגררו

    לשמאל הדף.

    תודה לכולם!

  • ציטוט

    • ארכיון

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

    עבור לרשימת הדיונים

    דיונים חדשים