הוסטס - פורום אחסון האתרים הגדול בישראל

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)
-   פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)
-   -   CSS , בעיה מעצבנת. (https://hosts.co.il/forums/showthread.php?t=86665)

morsrh 07-12-10 13:49
CSS , בעיה מעצבנת.
 
טוב אז יש לי את הקוד הזה :
HTML קוד:
<html>

<head>
    <style type="text/css">
        .MainDiv{
            width: 705px;
            height: 300px;
        }
        .slogDiv{
            width: 480px;
            height: 25px;
            top:0px;
            right:0px;
        }
        .bigDiv{
            width: 225px;
            height: 300px;
            top:0px;
            left:0px;
        }
        .largeDiv{
            width: 480px;
            height: 210px;
            top:25px;
            right:0px;
        }
        .marcDiv{
            width: 480px;
            height: 65px;
            top:235px;
            right:0px;
        }
       
    </style>
</head>

<body>

<div class="MainDiv">
    <div class="bigDiv" style="background-color:blue ;"></div>
    <div class="slogDiv" style="background-color:lightblue ;"></div>
    <div class="largeDiv" style="background-color:red ;"></div>
    <div class="marcDiv" style="background-color:green ;"></div>
</div>

</body>
</html>
התוצאה שאני רוצה להגיע אליה היא :
http://img88.imageshack.us/img88/4728/goodg.png


והתוצאה כרגע היא :
http://img706.imageshack.us/img706/7292/nogood.png


אשמח לתיקון + להסביר לי איפה הבעיה המעצבנת.
תודה.

mrns 07-12-10 13:55
קוד:
<html>

<head>
    <style type="text/css">
        .MainDiv{
            width: 705px;
            height: 300px;
        }
        .slogDiv{
            width: 480px;
            height: 25px;
            top:0px;
            right:0px;
        }
        .bigDiv{
            width: 225px;
            height: 300px;
            top:0px;
            left:0px;
        }
        .largeDiv{
            width: 480px;
            height: 210px;
            top:25px;
            right:0px;
        }
        .marcDiv{
            width: 480px;
            height: 65px;
            top:235px;
            right:0px;
        }
        .r{
          float : right;
        }

    </style>
</head>

<body>

<div class="MainDiv">
    <div class="r">
        <div class="slogDiv" style="background-color:lightblue ;"></div>
        <div class="largeDiv" style="background-color:red ;"></div>
        <div class="marcDiv" style="background-color:green ;"></div>
    </div>
    <div class="r"><div class="bigDiv" style="background-color:blue ;"></div></div>
</div>

</body>
</html>

morsrh 07-12-10 14:02
שוב פעם הFLOAT הזה תיקל אותי..
תודה על העזרה.

mrns 07-12-10 14:04
ציטוט:
נכתב במקור על ידי IXCESE (פרסם 788384)
שוב פעם הFLOAT הזה תיקל אותי..
תודה על העזרה.
בכיף, אל תהסס לבקש עוד.


כל הזמנים הם GMT +2. הזמן כעת הוא 13:18.

מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ