11-05-2012, 18:45
|
|
|
חבר מתאריך: 12.10.11
הודעות: 11
|
|
לא אמורה להיות בעיה
תודה גלעד!
כרגע האתר האמיתי עובד בשיטה של אבסולוט-רילייטיב אבל זה יוצר מלא בעיות כי התוכן הוא דינמי ושונה בכל דף ולכן חייב לפתור את זה בשיטה רגילה.
לגבי מה שאמרת אז לא אמורה להיות בעיה כי ערך AUTO ברירת המחדל של שדות הרוחב....
ניסיתי את הקומבינה הבאה שפותרת משהו אבל נוצרות בעיות אחרות....
לדיו המכיל הוספתי
overflow: hidden;
white-space: nowrap;
לדיוים הפנימיים הורדתי את הזרימה שמאלה ורשמתי
display:inline-block;
ואז משום מה היה חייב להוסיף לדיו השמאלי vertical-align:top; כדי שיהיה במקום הנכון
וכמו כן לדיו הימני היה צורך לעשות מרגין שלילי כדי שיצמד לשמאלי....כנראה הגדרת בלוק יוצר רווח
אז הוספתי לדיו הימני margin: 0 0 0 -4px;
כרגע זה המצב:
אין ספק שאין לי מושג כמה זה טוב מה שקורה פה אבל זה עדיין לא משיג את המטרות:
יש כרגע בעיה להגדיר את הגובה של הדיוים - בגלל שהתוכן בהם דינמי אני חייב שכל אחד מהם יקבל את הגודל המקסימלי (שלו או של הדיו האחר).
זה לינק לטסט באתר האמיתי עליו אני עובד..http://www.itattoodesigns.com/index2.php
הסבר: הדיו הראשי עם רקע צהוב, הדי השמאלי של הקטגוריות נקטע ומפסיק ברגע שנגמר בו התוכן, והדיו הימני הגבוה יותר במקרה הוא הגובה המקסימלי שרצוי לשניהם....
פתרונות מישהו?
הקוד העדכני עם "הקומבינה":
קוד PHP:
#main{
overflow: hidden;
white-space: nowrap;
position: relative;
background: yellow;
width:auto;
height:auto;
border:none;
margin: 0;
padding: 0;
}
#main_left{
display:inline-block;
position:relative;
width:178px;
height:auto;
margin: 0;
padding: 0;
background: red;
vertical-align:top;
}
#main_right{
display:inline-block;
position:relative;
width:100%;
height:auto;
margin: 0 0 0 -4px;
padding: 5px 0 0 30px;
background: brown;
border:none;
}
|