עבור לתוכן

css התכונה: float, לא עובדת. אצלי בכל אופן

Featured Replies

פורסם

שלום,

הקוד הבא:

<head>
<title>test</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="en-us" />
<style type="text/css">
#first {width:1em; float:left; border:1px solid red;}
#second {width:10em; border:1px solid blue;}
</style>
</head>
<body>
<h1 id="first"> A</h1>
<h1 id="second">B</h1>
</body>

מציג את הדף הזה:test3_1.gif. האות B מוצבת מימין ל A כפי שהייתי מצפה אך מעט גבוה יותר מסיבה בלתי ברורה לי.

שינוי התערך בתכונה width לסלקטור #second ל 1em מביאה לכך ש B ירד מתחת ל A בדף מסיבה בלתי ברורה לי לחלוטין. אם #first קיבל foat:left מדוע האלמנט הבא מופיע מתחתיו ולא לצידו ? ומדוע אם מגדילים את רוחב האלמנט השני הוא כן מופיע לצידו ? ומדוע במקום גבוה יותר ?

תודה

[attachment deleted by admin]

ארכיון

דיון זה הועבר לארכיון ולא ניתן להוסיף בו תגובות חדשות.

דיונים חדשים