שלח תשובה

זירת השאלות

608
צפיות
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 תשובות

    שלח תשובה

    חדש! אחסון אתרים של וובמאסטר

    שירות אחסון אתרים
    המקצועי של וובמאסטר!

    מומחים באירוח אתרי
    WordPress, Joomla, Drupal

    • שרתי לינוקס עם CloudLinux, LiteSpeed
    • 1GB דיסק SSD, 10GB תעבורה חודשית
    • ממשק ניהול cPanel, תעודת SSL חינם

    עכשיו במחיר היכרות:
    רק 420 ש"ח לשנה!