23-11-2006, 18:30
|
|
|
חבר מתאריך: 20.11.04
הודעות: 95
|
|
אי תאימות בין מוזילה לאקספלורר. בעייה בCSS
לפניכם צילומי מסך מאקספלורר ובמוזילה. מה הבעייה?
אקספלורר (כמו שצריך):
מוזילה (בעייה):
קובץ הHTML:
קוד:
<html>
<head>
<title>Hello</title>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=WINDOWS-1255">
<link rel=stylesheet href="style.css" type="text/css">
</head>
<body bgcolor="#000000">
<!--START HEADER PART-->
<div id="top">
<div id="top_banner">
<br><br><img src="images/banner.gif"><br>
</div>
<div id="top_logo">
<img src="images/logo.gif"><br>
</div>
</div>
<!--END HEADER PART-->
<br>
<!--START MENU PART-->
<div id="menu_align">
<div id="umenu">
<div id="umenu_left">
<img src="images/umenu_left.gif"><br>
</div>
<div id="umenu_middle">
<a style="color: #FFF;">עמוד הבית</a> | <a>אחד</a> | <a>שתיים</a> | <a>שלוש</a>
</div>
<div id="umenu_right">
<img src="images/umenu_right.gif"><br>
</div>
</div>
<div id="bmenu">
<div id="bmenu_left">
<img src="images/bmenu_left.gif"><br>
</div>
<div id="bmenu_middle">
<a>ארבע</a> | <a>חמש</a> | <a>שש</a> | <a>שבע</a>
</div>
<div id="bmenu_right">
<img src="images/bmenu_right.gif"><br>
</div>
</div>
</div>
<!--END MENU PART-->
</body>
</head>
קובץ הCSS:
קוד:
/* Links */
a
{
font-size: 12px;
font-family: Arial;
font-weight: bold;
color: #000000;
text-decoration: none;
}
/* Logo & Banner Part */
#top
{
padding: 3px;
background-color: #000000;
width: 817px;
}
#top_banner
{
padding: 6px;
float: right;
width: 569px;
text-align: right;
}
#top_logo
{
float: left;
width: 198px;
color: #000000;
text-align: left;
}
/* Upper Menu & Bottom Menu */
#umenu
{
width: 820px;
height: 33px;
}
#umenu_left
{
float: left;
width: 18px;
}
#umenu_middle
{
float: left;
line-height: 2em;
text-align: right;
background-image: url(images/umenu_middle.gif);
width: 782px;
height: 33px;
}
#umenu_right
{
float: left;
width: 18px;
}
#bmenu
{
width: 820px;
height: 33px;
}
#bmenu_left
{
float: left;
width: 18px;
}
#bmenu_middle
{
float: left;
line-height: 1.5em;
text-align: right;
background-image: url(images/bmenu_middle.gif);
width: 782px;
height: 33px;
}
#bmenu_right
{
float: left;
width: 18px;
}
_____________________________________
בברכה,
כפיר גיא :: Kfir Guy
דוא"ל: Mail: info@klear.co.il
נערך לאחרונה ע"י ~Kg~ בתאריך 23-11-2006 בשעה 18:48.
|