בעייה במיקום CSS

ככה האתר נראה ב IE :

תמונה שהועלתה על ידי גולש באתר ולכן אין אנו יכולים לדעת מה היא מכילה

וכך ב FF :

תמונה שהועלתה על ידי גולש באתר ולכן אין אנו יכולים לדעת מה היא מכילה

אני לא מבין למה ב FF זה לא נראה כמו ב IE שזה מה שאני מנסה להשיג .
הנה קובץ ה CSS :

קוד:

* {
 margin:0;
 padding:0;
} 
body{
background-color: #800000;
text-align:center;
}
.cont{
margin: 0 auto;
width:740px;
}
.toplogo{
position:relative;
top:10px;
width: 400px;
height: 100px;
background-image: url(images/lol.jpg); 
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
}
.googleadd{
position:relative;
top:20px;
width: 728px;
height: 90px;
background-color: green;
}
.links{
position:relative;
right: -150px;
width: 150px;
float: right;
}
.toptext{
position:relative;
top:30px;
width: 740px;
height: 20px;
}
.midlogo{
position:relative;
top:40px;
right:-170px;
width: 300px;
height: 50px;
background-image: url(images/infi.jpg); 
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
}
.sidelogo{
float:left;
width: 60px;
height: 400px;
background-image: url(images/side.jpg); 
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
}
.news{
width: 600px;
text-align:right;
margin-left: auto;
margin-right: auto;
background-color: green;
}
.footerlogo{
width: 300px;
height: 50px;
background-image: url(images/tahtit.jpg); 
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
}
.downlinks{
width: 740px;
height: 20px;
background-color: green;
margin-left: auto;
margin-right: auto;
}
.midcont{
position:relative;
top:50px;
width: 740px;
}
.footer{
position:relative;
top:60px;
width: 740px;
background-color: blue;
margin-left: auto;
margin-right: auto;

}

והנה ה HTML :

קוד:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html>
<head>

		<title></title>
	<link rel="stylesheet" type="text/css" href="css.css"> 
<meta http-equiv="content-language" content="en,iw">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<div class="cont">
<div class="toplogo"></div>
<div class="googleadd">google add comes here</div>
<div class="toptext">אתר מגניב ממש ממש</div>
<div class="midcont">
<div class="links">
<img src="images/main.jpg">
<img src="images/forums.jpg">
<img src="images/odot.jpg">
<img src="images/horadot.jpg"></div>
<div class="midlogo"></div>
<div class="sidelogo"></div>
<div class="news">sdfdsfdsf</div>‎
</div>
<div class="footer">hfghfgh
dsfdfd
<div>
</div>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="css.css"> </head> <body> <div class="main"> <div class="header"> <div id="toplogo"><img src="images/lol.jpg" /></div> <div id="googleadd"></div> </div> <div class="container"> <div class="rightlinks"> <img src="images/main.jpg"> <img src="images/forums.jpg"> <img src="images/odot.jpg"> <img src="images/horadot.jpg"> </div> <div class="leftlogo"><img src="images/side.jpg" /></div> <div class="maincont">dsfdssssssssss sdffffffffffffffffff sdffffffffffffffffffffffffff dssssssssssssssssssss fsdf</div> </div> <div class="footer"> <div class="footerlogo"><img src="images/tahtit.jpg" /></div> <div class="footercont"></div> </div> </div> </body> </html>

* { margin:0; padding:0; } body{ background-color: #800000; text-align:center; } .container{ width: 800px; margin: 0 auto; } .rightlinks{ width: 150px; float: right; } .leftlogo{ width: 60px; height: 400px; float: left; }

אפשרויות משלוח הודעות

אתה לא יכול לפתוח אשכולות חדשים

אתה לא יכול להגיב לאשכולות

אתה לא יכול לצרף קבצים

אתה לא יכול לערוך את ההודעות שלך

קוד vB פעיל

סמיילים פעיל

קוד [IMG] פעיל

קוד HTML כבוי

כלי אשכול	חפש באשכול זה
הצג גירסת הדפסה שלח דף זה ב E-Mail	חפש באשכול זה: חיפוש מתקדם
מצבי תצוגה	דרג אשכול זה
עבור למצב לינארי מצב כלאיים עבור למצב משורשר	דרג אשכול זה:

הדף נוצר ב 0.04 שניות עם 11 שאילתות
צור קשר - Fresh - למעלה