css כיסוי מסך מלא
-
באתר X צריך לעצב דף בית, והעיצוב שלו תופס את כל המסך.
בכל האתר יש מעטפת, ואני כפוף אליו גם בדף הבית. למען הדוגמא המעטפת לוקחת 2 ס"מ מימין ומשמאל של הדף - ואני עכשיו צריך לכסות גם אותם. אבל אני יכול לעשות את העיצוב רק מתוך הDIVים הפנימיים.
אז עשיתי margin:-200% לכל צד. הבעיה שהוא תופס יותר מהרוחב של העמוד ( = מגדיל את הרוחב של העמוד ויוצר פס גלילה מאוזן).איך אני נותן תנאי שיכסה רק בעמוד?
-
עד שיגיעו מומחי CSS, בנתיים תעשה שחזור מינימלי בפידל, נראה לי שצריך כמה וכמה ניחושים כדי לענות על השאלה
-
-
-
-
-
עם הposition מוגדר לabsolute אז אני חושב שאין משמעות להורה,
אתה מתחיל מאפס.
תגדיר גובה ורוחב מאה אחוז למסך ע"יwidth: 100vw; height: 100vh;
-
באתר X צריך לעצב דף בית, והעיצוב שלו תופס את כל המסך.
בכל האתר יש מעטפת, ואני כפוף אליו גם בדף הבית. למען הדוגמא המעטפת לוקחת 2 ס"מ מימין ומשמאל של הדף - ואני עכשיו צריך לכסות גם אותם. אבל אני יכול לעשות את העיצוב רק מתוך הDIVים הפנימיים.
אז עשיתי margin:-200% לכל צד. הבעיה שהוא תופס יותר מהרוחב של העמוד ( = מגדיל את הרוחב של העמוד ויוצר פס גלילה מאוזן).איך אני נותן תנאי שיכסה רק בעמוד?
@chagold אמר בcss כיסוי מסך מלא:
באתר X צריך לעצב דף בית, והעיצוב שלו תופס את כל המסך.
בכל האתר יש מעטפת, ואני כפוף אליו גם בדף הבית. למען הדוגמא המעטפת לוקחת 2 ס"מ מימין ומשמאל של הדף - ואני עכשיו צריך לכסות גם אותם. אבל אני יכול לעשות את העיצוב רק מתוך הDIVים הפנימיים.
אז עשיתי margin:-200% לכל צד. הבעיה שהוא תופס יותר מהרוחב של העמוד ( = מגדיל את הרוחב של העמוד ויוצר פס גלילה מאוזן).איך אני נותן תנאי שיכסה רק בעמוד?
תשקול לקבוע אותו כfixed, שאז הוא יתייחס למסך בלבד ולא להורים.
אם כי לא תמיד זה מתאים.