טוב אז אני עובד על איזה עיצוב חדש למערכת שאני בונה , ומן הסתם תמיד יש לי בעיות עם ה FireFox זה פשוט דבר מטומטם, אני לא מבין למה הם לא יכולים להתאים את עצמם למיקרוסופט ולבאגים של מיקרוסופט ולהקשות על המפתחים גם ב CSS גם בעיצוב קוד תקין וגם ב JS שנכתוב דברים פעמיים רק בישביל הרעיון של ה"קוד פתוח" והחינם וכל זה.בכל מקרה יש לי בעיצוב טבלה כלשהיא עם עיצוב מובנה של CSS שאומר לסדר לי את זה כמו שצריך.
ב IE כרגיל הכל עובד טוב ואין בעיות כל מה שאתה רוצה נהייה כמו שצריך.
ב FF כרגיל תמיד בעיות ולשבור את הראש.
אז ככה תמונה ראשונה של IE ואיך זה אמור להיות.
http://rotter.name/User_files/nor/46de245c58d81ccc.jpg
וכאן תמונה של הFF, איך זה לא אמור להיות.
http://rotter.name/User_files/nor/46de247458e4052f.jpg
הנה ה CSS:
body
{
background-color: #668EC0;
}
.Header
{
background-image: url(../Images/main/bg_tophead_rtl.jpg);
width:990px;
HEIGHT: 52px;
}
.Content
{
background-image: url(../Images/main/t_container.gif);
width: 990px;
}
.Footer
{
background-image: url(../Images/main/bg_bottom.jpg);
width:990px;
HEIGHT: 18px;
}
.NavigationBar
{
background-image: url(../Images/main/bg_navcon.gif);
width:970px;
HEIGHT: 25px;
}
.DescWindow
{
background-image: url(../Images/main/orange.gif);
background-repeat: repeat;
width: 970px;
height: 95px;
}
.MainWindow
{
background-color: #FF9C00;
}
|
והHTML
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="main.aspx.vb" Inherits="Admin_main" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<link href="../Style/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div>
<table border="0" cellpadding="0" cellspacing="0" dir="rtl" width="990" align="center" id="TABLE1" >
<tr>
<td align="right" class="Header" valign="top">
<img src="../Images/main/Logo.jpg" /></td>
</tr>
<tr>
<td align="right" valign="top" class="Content">
<div style="left: -10px; position: relative; width: 970px;">
<table border="0" cellpadding="0" cellspacing="0" style="width: 970px">
<tr>
<td align="right" class="NavigationBar" valign="top">
</td>
</tr>
<tr>
<td class="DescWindow" valign="top" style="float:left">
<br />
<br />
<br />
<br />
</td>
</tr>
<tr>
<td align="right" class="MainWindow" valign="top">
<br />
<table border="0" cellpadding="0" cellspacing="0" dir="rtl" style="width: 950px" align="left">
<tr>
<td align="right" style="width: 180px" valign="top">
</td>
<td align="right" valign="top">
</td>
</tr>
<tr>
<td align="right" style="width: 180px" valign="top">
</td>
<td align="right" valign="top">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</td>
</tr>
</table>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</td>
</tr>
</table>
</div>
<br />
<br />
</td>
</tr>
<tr>
<td align="right" valign="top" class="Footer">
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
|
יש משהו אני צריך לשים לב אליו , פעם ראשונה שאני עובד עם עיצוב יחסית ל FF ודברים יותר מורכבים מטבלה או סתם איזה DIV מעוצב.
בכל מקרה זה נורא חשוב לי כי זה הולך להיות עיצוב סופי.( חוץ מהלוגו המפגר הזה.. )
גירסת הדפסה
סגן המנהל
מפקח
Winner
צל"ש
מומחה
