שלח תשובה

זירת השאלות

703
צפיות
0
תשובות

דף css, הפינה הימנית "נעלמת".

,‏ 11 בינואר, 2010

שלום,
להלן קוד html שכתבתי:
[code]
<!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>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>August70</title>
  <link href="page1/august1.css" media="all" rel="stylesheet" />
</head>
<body>
  <div id="upper_left"></div>
  <div id="upper_middle"></div>
  <div id="upper_right"></div>
</body>
</html>
[/code]
להלן הקוד בדף css מקושר:
[code]
body
{
  text-align:center;
  font: 1em Lucida, Arial, sans-serif;
}
* {margin:0;padding:0;}
div#upper_left
{
  background-image:url(upper_left.gif);
  background-repeat:no-repeat;
  float:left;
  width:10px;
  height:10px;
  border: 3px solid #F00;
}
div#upper_middle
{
  background-color:#bb9c63;
  /*float:left;*/
  width:120px;
  height:10px;
  border:3px solid blue;
}
div#upper_right
{
  background-image:url(upper_right.gif);
  background-repeat:no-repeat;
  width:150px;
  height:10px;
  border:3px solid magenta;
}
[/code]
כשאני מעלה את הדף, הפינה הימנית ממוקמת מתחת לפינה השמאלית במקום מימיו לה. אני מסיר את ההערה מ: float:left ב div#upper_middle ואז הפינה הימנית נעלמת. רצ"ב שתי תמונות מסך. הראשונה עם הפינה הימנית מתחת לשמאלית והשניה עם הפינה השמאלית שברחה מהדף.
מישהו יוכל ליעץ לי איך למקמם את הפינה הימנית כך שתוצב בצד ימין?
תודה 

תגיות:

0 תשובות

    שלח תשובה

    הכנס כדי לשלוח תשובה