CSS המאפיין float - הוסטס

Second · 30-04-11, 23:25

אחרי שאתה מסיים לעבוד עם FLOAT אתה צריך להוסיף שכבה עם מאפיין CLEAR,
לדוגמא:

HTML קוד:

<html dir="rtl">
    <head>
	    <style type="text/css">
			#mainDiv{
			    width:950px;
				background-color:blue;
				margin:auto;
			}
		</style>
	</head>
	
	<body>
	    <div id="mainDiv">
			<div style="float:right;">
			    1
			</div>
			<div style="float:left;">
				2
			</div>
			<div style="clear: both"></div>
		</div>
	</body>
</html>

**IgalSt** · 01-05-11, 10:12

ציטוט:

נכתב במקור על ידי Second

אחרי שאתה מסיים לעבוד עם FLOAT אתה צריך להוסיף שכבה עם מאפיין CLEAR,
לדוגמא:

HTML קוד:

<html dir="rtl">
    <head>
	    <style type="text/css">
			#mainDiv{
			    width:950px;
				background-color:blue;
				margin:auto;
			}
		</style>
	</head>
	
	<body>
	    <div id="mainDiv">
			<div style="float:right;">
			    1
			</div>
			<div style="float:left;">
				2
			</div>
			<div style="clear: both"></div>
		</div>
	</body>
</html>

אומנם זה פתרון שלרוב עובד, אבל יש לו חסרון אחד - צריך להוסיף אלמנט נוסף לעמוד שלך שכל המטרה שלו זה לעשות clear ועל כל זה פתרון לא מושלם.

יש מאמר מעולה שמסביר על float כל מה שצריך לדעת.
ממליץ בחום לקרא וליישם.

30-04-11, 23:25	# 1
Second חבר חדש מיני פרופיל תאריך הצטרפות: Jul 2006 מיקום: נתניה גיל: 36 הודעות: 37	אחרי שאתה מסיים לעבוד עם FLOAT אתה צריך להוסיף שכבה עם מאפיין CLEAR, לדוגמא: HTML קוד: <html dir="rtl"> <head> <style type="text/css"> #mainDiv{ width:950px; background-color:blue; margin:auto; } </style> </head> <body> <div id="mainDiv"> <div style="float:right;"> 1 </div> <div style="float:left;"> 2 </div> <div style="clear: both"></div> </div> </body> </html> __________________

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


	ההרשמה לפורום נפתחה - אפשרות רישום לכל אימייל (דומיינים פרטיים, gmail, הוטמייל..)!

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)