בעיית CSS עם יישור הלוגו

[shaithebest]

שבת שלום,

אני מנסה לשלב לוגו על טמפלייט של ג'ומלה.....עכשיו אני יודע שאתם לא עוזרים בג'ומלה אבל זו בעיית CSS לגמרי.

אז ככה, כנסו בבקשה ללינק הבא שם יש את הצילום מסך של הבעיה שלי

http://shopthenet.co.il/images/logo.jpg

זה לא מוכן להתיישר לי למרות שחתכתי עם פוטושוב סבדיוק לפי הגדלים של הheader

להלן הקוד:

div#header_l {
	position: relative;
}

div#header_r {
	height: 200px;
	padding-top: 10px;
	text-align: left;

}

div#logo {
	left: 0;
	top: 0;
	position: absolute;
	width: 1020px;
	height: 200px;
	background: url(../images/webnetInternet1.jpg) 0 0 no-repeat;
}

כל דרך שאני מנסה לשחק עם הקוז זה לא מתיישר

חייב עזרה תודה

[pcfreakk]

שמע, אני יחסית מתחיל בCSS.. אבל אם היית שואל אותי הייתי פועל בדרך אחרת ממה שעשית ולדעת זה היה פותר את הבעיה:

אתה עושה דיב ראשון <div id="headerwrapper"> הוא מקבל ערך WIDTH של 100% ואת הגובה הרצוי של הלוגו.

אחרי זה אתה עושה עוד דיב <div id="headeralign"> לדיב הזה תן רוחב בפיקסלים

אחרי זה תעשה כבר את הדיב של הלוגו <div id="logo"> ותן לו את הגודל המדויק של הלוגו ואז תמרכז אם יש צורך עם margin וpadding ..

אני לא הייתי משתמש ברלטיב ואבסולוט פוזישנינג על דברים פשוטים..

[ירח אפל]

והיכן הקוד HTML של הקטע הזה?

[shaithebest]

<div id="header">
				<div id="header_l">
					<div id="header_r">

						<div id="logo"></div>
						<jdoc:include type="modules" name="top" />
					</div>
				</div>
			</div>

לא יודע עד כמה זה יעזור כי זה קוד של ג'ומלה