שלח תשובה

זירת השאלות

1157
צפיות
2
תשובות

עזרה ב-CSS

,‏ 4 בנובמבר, 2013

שלום,
יש לי עיצוב שבניתי בCSS (רספונסיבי) המחולק ל-2 עמודות (דיבים):
עמודה 1: תפריט צצדי ברוחב של 15%
עמודה 2: תוכן האתר ברוחב של 75%

אני רוצה שהרקע של העמודה הראשונה יהיה לאורך כל הדף, אך כאשר אני גולל את הדף למטה הרקע "נפסק".
תמונה:
http://up400.siz.co.il/up1/oywll4tjmint.png
אפשר לראות שבעמודה השמאלית הרקע "נפסק".
הקוד של הDIV:

position:relative;
width: 15%;
height: 100%;
padding-top: 5px;
padding-bottom: 42px;
background-color: XXX;
overflow:auto;
box-shadow: XXX;

תודה רבה לעזורים!

2 תשובות

  1. Ohad Cohen הגיב:

    תנסה את זה:
    body, html {
    height: 100%;
    }
    אם זה לא עוזר אז תוסיף לDIV :
    display:block;

    לדעתי אחד משניהם אמור לעבוד..
    אם הייתי יכול לראות את הדף זה היה עוזר..

  2. yardsod הגיב:

    לא משנה, הסתדרתי.
    הוספתי לדיב position:fixed;
    ועיצבתי גולל (scroller) לדיב.

שלח תשובה