CSS , בעיה מעצבנת. - הוסטס

morsrh · 07-12-10, 13:49

טוב אז יש לי את הקוד הזה :

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>

התוצאה שאני רוצה להגיע אליה היא :

והתוצאה כרגע היא :

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

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

שוב פעם הFLOAT הזה תיקל אותי..
תודה על העזרה.

בכיף, אל תהסס לבקש עוד.


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

07-12-10, 14:02	# 3
morsrh חבר מתקדם מיני פרופיל תאריך הצטרפות: Feb 2010 מיקום: אשקלון. גיל: 30 הודעות: 444	שוב פעם הFLOAT הזה תיקל אותי.. תודה על העזרה.

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