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

קוד:

<div style="width:697px;height:4px;background-color:white;">
</div>

עשיתי גם ככה : (ככה זה עובד אבל זה לא בדיוק נחמד עם זה שיש רווח שם וכל זה..)

קוד:

<div style="width:697px;font-size:4px;background-color:white;">
&nbsp;
</div>

הקוד השני עובד אבל אני לא אוהב את העניין שיש רווח שם וכל זה...
וכן אני יודע שאפשר לעשות את זה עם פיקסל ששומרים בתור תמונה אבל את זה אני ממש לא רוצה..
דרך אגב הרקע אפור ובגלל זה אני רוצה שזה יהיה ככה.. אחרת הייתי פשוט עושה רווח או
מתחיל לרשום ישר משם ואז עושה לו רווח עם css...
אבל העניין הוא שאני רוצה קו לבן בגובה 4 פיקסלים שיהיה באורך 697 פיקסלים..
למשהוא יש פתרון ?

תוסיף לסטייל של ה- DIV:

קוד:

font-size:1px;

איזה בעיות מטומטמות יש לאספלורר המעפן הזה.

Gallery

Pentax K100D + Pentax SMCP-DA 18-55mm f/3.5-5.6 AL + SMC Pentax-M Macro 1:4 50mm + SMC Pentax 1:2.8/105mm + SMC Pentax-M 1:2.8 35mm + SMC Pentax 1:1.4/50mm

אבל העניין הוא שאחרי זה אתה צריך לכתוב משהוא בפנים..
ואפילו אם זה רווח מסכן אני לא כל-כך רוצה את זה :\
אני מעדיף רווח כמו שהוא בלי תווים ודברים שאפשר לסמן נגיד אם אתה עושה בחר הכל..
ואני לא רוצה סתם רווח אני רוצה רווח לבן (שהרקע שלי הוא בעצם אפור)..

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

אז מה הקטע?

אמרתי שאני הייתי פשוט עושה את זה אם הייתי רוצה..
אבל אני רוצה רווח לבן על רקע אפור..
והעניין עם הטבלה עובד יופי.
אבל שאני שם משהוא מתחת לטבלה יש רווח ענקי (באקספלורר) ורווח קטן במוזילה..
ככה שאני לא יכול לסדר את זה עם position:relative...
אולי למשהוא יש פתרון לזה או אולי משהוא אחר מטבלה.. :\..
ד"א נראה לי גם הדיב יעשה את הרווח הזה איך אני יכול לבטל את זה :\ ?

תכניס גם את מה שאתה רוצה מתחת לקו הלבן לתוך div במיקום אבסולוטי ולא יחסי ואז לא צריכה להיות בעייה של רווחים גדולים ומעצבנים

אתה גם יכול להכניס את מה שאתה רוצה מתחת לקו לתוך IFRAME ולמקם אותה אבסולוטית

וגם אני לא רוצה לשים אתר שלם בתוך הדיב של הקו הזה.. :\
כי יש עוד הרבה פעמים שאני צריך לעשות את זה..
ואז זה יהיה בלאגן..
אפשר למקם את זה אבסולוט אבל לא בכל דפדפן זה אותו דבר.. :\

כי אתה או פוסל, או לא רוצה להשתמש במה שמציעים לך כאן
תן לנו קצת יותר אינפורמציה על כל הפרוייקט ועל מה שאתה מתכננן

כל השאר רשמתי למעלה שלא רציתי.. :\
אני רוצה משהוא הכי פחות מסורבל.. :\
תמונה (אני מנסה לעשות את האתר עם כמה שפחות תמונות..)
iframe אני לא רוצה.. כי זה פשוט לטעון הרבה עמודים לעמוד אחד.. :\
והרווח הזה זה ממש מסורבל.. :\ אם אין משהוא אחר אז כנראה אני אעשה את זה :\
כי התמונה ניסיתי לעשות תמונה 1*1 פיקסלים.. והheight לא עובד עוד פעם..
אז הברירה היחידה שלי זה הרווח... כי לאקספלורר הזה לא חסר בעיות אז אולי אם משהוא ימצא :\..
אני אשמח אם לא אז אין מה לעשות :} אם לא ימצאו אז תודה על כל מי שהשקיע את זמנו בקריאת האשכול (או רק חלקו )..

מה לגבי הפתיחה המסורתית של paintbrush, יצירת תמונה לבנה בגודל 697 על 4
והצגתה בלי div ?
נותן בדיוק את התוצאה הרצויה בשני הדפדפנים.

linux is like an indian tent - no windows, no gates and one apache inside

לקרוא את ההודעה ולא סתם להגיב. הוא כתב שהוא לא רוצה תמונה.

לידיעתך... קראתי את כל האשכול, מילה במילה, לפני שהגבתי.
אני אף פעם לא הגבתי לפני שקראתי הודעה במלואה אז כדאי שתרגע קצת.

הוא אמר שאינו מעוניין בתמונת פיקסל שתמוקם בתוך ה div ולא אמר בפרוש שאינו מעוניין
בתמונה שתשרת בתור הקו עצמו, או שאינו מעוניין לא להשתמש ב div כלל.

בכל מקרה, גם תמונה בגודל 1X1 לא פותרת את הבעיה הנ"ל...

linux is like an indian tent - no windows, no gates and one apache inside

ואם הוא כותב אתר ארוך, כל קילובייט נחשב...
למה לעשות קיצורי דרך? אם בסופו של דבר הוא יצליח, זה שווה אז המאמץ.

ככה האתר היה עולה מהר, עכשיו בקטע של בעיות רזולוציות - אפשר לברר את הרזולוציה של המשתמש, אז אפשר ליצור דיבים שונים בהתאם וכך נפטרת בעיית הסירבול

ואם אין לך כח, אז תבנה את האתר ל 1024 על 768 זו הרזולוציה הנפוצה ביותר

אתה מדבר על HTML ? XHTML ? או מה ?
כי באף אחת מהשפות שמשמשות לפיתוח אתר אין חיה הקרויה 'דיב' או 'דיבים'...

בהצלחה
(אין צורך בתגובה, רק בכתיבה תקנית...)

טעות/באג

זה אתר שהולך להיות ארוך וכל קילובייט משנה.. :\
אני בינתיים מנסה להתפשר על העניין עם הרווח והfont-size
פשוט מאוד כי אין לי ברירה וזה חוסך במקום..
אבל הקוד מסובך לגמרי כל הקוד פועל על פי position:relative..
שאני לא כל-כך מרוצה מזה אבל אין מה לעשות :}
אם למשהוא יש פתרון בבקשה תרגישו חופשי להגיד :}

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

אני מבטיח לך שהבעיה תפטר בצורה אלגנטית ונוחה.

הרקע שלי אפור.. :}
האתר בנוי ככה : באר, רווח לבן, עוד חלק מהאתר, רווח לבן, עוד חלק מהאתר..
וכאשר הרקע אפור.. אז אני חייב ליצור את הרווח באופן מיוחד.. :\
העניין הוא שדבר כזה אמור להיות ממש קל.. אבל מן הסתם אקספלורר החליט לעשות בעיות.. :\

תעלה דוגמא למה שעשית וננסה לתקן אותך

הנה הקוד.. :

קוד:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>
CINEMOVIE
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
<!--
function win (src,hei,wid)
{
  window.open(src,"","height="+hei+", width="+wid+", scrollbars=no");
}
//-->
</script>
<style type="text/css">
body
	{
	background-color:#cbd0d1;
	margin-top:0px;
	margin-bottom:0px;
	}
.logobg
	{
	background-image:url(images/logobg.jpg);
	width:697px;height:76px;
	}
.cine
	{
	font-family:Tahoma;font-size:20pt;color:#a6bec6;word-spacing:-6px;position:relative;top:22px;left:35px;
	}
.movie
	{
	font-family:Arial;font-size:20pt;font-weight:bold;color:#a6bec6;position:relative;top:22  px;left:35px;
	}
img
	{
	border:0px;
	}
.vip1
	{
	font-family:Tahoma;color:#c9d3d2;font-size:10.3px;
	position:relative;left:420px;top:12px;letter-spacing:3px;
	}
.vip2
	{
	font-family:Tahoma;color:#c9d3d2;font-size:10.3px;
	position:relative;left:575px;letter-spacing:2.5px;
	line-height:25px;
	}
.spacer
	{
	width:697px;
	font-size:4px;
	background-color:#ffffff;
	}
a
	{
	text-decoration:none;
	}

.srchtext
	{
	font-size:10px;
	color:#ffffff;
	font-family:Narkisim;
	position:relative;top:15px;left:41px;
	letter-spacing:3px;
	word-spacing:1px;
	}
.srchdiv
	{
		background-image: url("images/srchbg.gif");
		background-repeat:no-repeat;
		width:202px;height:68px;
	}
.srchinput
	{
		position:relative;top:14px;left:33px;
	}
.srchbutton
	{
		position:relative;top:17px;left:32px;
	}</style>
</head>
<body>
<div class="logobg">
<a href="index.php">
	<span class="cine">
	CINE
	</span>
		<span class="movie">
		MOVIE
		</span>
</a>
	<span class="vip1">
	OUR VIP
	</span>
	<br />
		<span class="vip2">
		THEATER
		</span>
</div>
<div class="spacer">
&nbsp;
</div>
<div style="line-height:0px;">
</div>
<div class="srchdiv">
		<span class="srchtext">
			SITE SEARCH
		</span>
		<span class="srchinput">
			<input type="text" style="width:105px;height:10px;font-family:Arial, Narkisim, David;font-size:10.5px;letter-spacing:0.1px;" />
		</span>
		<span class="srchbutton">
			<input type="image" src="images/go.gif" />
		</span>
			</div>
<div style="background-color:white;font-size:4px;height:70px;width:4px;position:relative;t  op:-70px;left:202px;">
&nbsp;
</div>
<div class="spacer" style="position:relative;top:-70px;">
&nbsp;
</div>
</body>
</html>

הנה התמונה : (רק ההתחלה לבנתיים ההמשך לא כל-כך נחוץ..)

מה שאתם רואים פה עשיתי עם הרווח והfont-size :\
אני לא כל-כך אוהב את זה אבל זה חוסך במשקל האתר שזה די מה שאני מנסה לעשות.. :\

מוכר לי הפקודה הזאת ואם זה היה כל-כך קל לא הייתי פונה לפה בכלל..
העניין הוא שאני רוצה רווח לבן על רקע אפור...
line-height פשוט מאוד מגדיר את גודל הרווח ולא ויותר מזה..
לא צובע את זה בלבן או משהוא..

עכשיו ניסיתי זה עובד..
אבל זה גם דורש איזה תו בתוכו.. :\ כמו רווח או אות.

אבל בכללי הכי טוב שהכל הוא קוד כמו שצריך תקין..
אני לא אוהב קיצורי דרך.. :\
בגלל שזה כאילו טקסט.. רווח זה כאילו טקסט..
וטקסט לא צריך להיות בתוך זה :}

לא..
אבל זה פשוט מדהים שאחוז כל-כך גבוה של משתמשים..
משתמשים בדפדפן עד כדי-כך גרוע..
למה? מה לעזאזל הסיבה שהם לא יכלו לעשות דפדפן יותר טוב.. ?
מה הבעיה שלהם שהכל היה חייב להדפק בגלל אקספלורר..
שמתכנתים היו צריכים להסתובב בין מספר דפדפנים לבדוק את התוצאה אם יוצא אותו הדבר..
ולפעמים גם שרושמים תקין זה לא מראה אותו דבר באקספלורר..
למה לעזאזל לעשות דפדפן מלא באגים ? :\
זה ממש נראה כאילו הם עשו את זה בכוונה.. (האם הם ניסו לעשות מונופול כמו שהם עכשיו מנסים לעשות באקספלורר 7 או שהם פשוט לא השקיעו בדפדפן תקין.. ? )

הסיבה העיקרית היא המונופול.
ואגב, האקספלורר לא נחשב לדפדפן :\ , לפחות מבחינתי.....

על שאקספלורר זה בעצם כמו לפתוח את המחשב האישי רק אינטרנט..
ואתה צודק לגמרי.. אבל לצערי זה מה שקורה וכולם משתמשים בזה..
אם Microsoft ירגישו איום ממוזילה פיירפוקס..
אני בטוח שתוך 3 שניות יוצא לך דפדפן חדש..
בדיוק כמו שצריך.. אני בספק שב7 שנים האלה הם לא עשו דפדפן הגון (אני מתכוון לאקספלורר 7)..
בינתיים הם יודעים שהמשתמש הפשוט יראה במוזילה אתרים לא טובים יגיד שזה הדפדפן כי עד עכשיו
האקספלורר הרבה מאוד אתרים פעלו לו טוב והאתרים שלא פעלו לו טוב זה מן הסתם אתרים לא טובים..
ולכן יחזרו מהר מאוד לאקספלורר..
אני אקצר ואגיד Microsoft יודעים מה הם עושים..
בוא נקווה ש Mozilla תאיים קצת על Microsoft ויכול להיות יצא דפדפן הגון..
לפחות זאת הדעה שלי :}

אתה לא מעודכן, הם כבר מרגישים מאויימים על ידי ה-fire fox, וכבר התחילו לפתח את אקספלורר 7

אל תזלזל באקספלורר.
מהירות העיבוד שלו ל-JS, עוברת את FF פי כמה.

הבעיה האמיתית היא שהוא לא תקני בעליל.
למרות שאין לדעת. יוכלו להפתיע אותנו עם IE7.

לפי התקן, חייב שיהיה "טקסט" בתוך התג, אחרת הוא הופך לתג ריק והמצב שלו לא יהיה block.
ואז, הוא לא יכול לקבל הגדרות גובה למניהם....

אפשרי, אבל אני לא בטוח שזה עובד 100% מהפעמים.

יש גם הרחבה לעניין. empty-cells: hide. אבל לא בדקתי אותה לעומק, כך שאני לא יכול לערוב ליעולות של ההגדרה. (וכמובן שהיא אמורה לעבוד רק על תאי טבלה - אבל מדובר ב-IE לך תדע )

בכל אופן, אני לא רואה למה לא לשים שם ;nbsp&. זו הדרך הנכונה לכתוב קוד (לדעתי האישית כמובן ).

לדעתי הדבר צריך להיות פשוט מאוד..
מה זאת השטות הזאת שחייב להיות משהוא בפנים?
איזה סיבה יש להם לעשות כזה דבר ?

הם מאוד צודקים.
אם האלמנט לא מכיל תוכן הוא לא אמור להיות קיים.

מה הבעיה שהוא פשוט יתפוס מקום.. ?