css כיסוי מסך מלא

[chagold]

באתר X צריך לעצב דף בית, והעיצוב שלו תופס את כל המסך.
בכל האתר יש מעטפת, ואני כפוף אליו גם בדף הבית. למען הדוגמא המעטפת לוקחת 2 ס"מ מימין ומשמאל של הדף - ואני עכשיו צריך לכסות גם אותם. אבל אני יכול לעשות את העיצוב רק מתוך הDIVים הפנימיים.
אז עשיתי margin:-200% לכל צד. הבעיה שהוא תופס יותר מהרוחב של העמוד ( = מגדיל את הרוחב של העמוד ויוצר פס גלילה מאוזן).

איך אני נותן תנאי שיכסה רק בעמוד?

[יוסף בן שמעון]

עד שיגיעו מומחי CSS, בנתיים תעשה שחזור מינימלי בפידל, נראה לי שצריך כמה וכמה ניחושים כדי לענות על השאלה

[chagold]

@chagold אמר בcss כיסוי מסך מלא:

margin:-200%

https://jsfiddle.net/jc7za8tv/

[dovid]

עם הposition מוגדר לabsolute אז אני חושב שאין משמעות להורה,
אתה מתחיל מאפס.
תגדיר גובה ורוחב מאה אחוז למסך ע"י

width: 100vw;
height: 100vh;

[chagold]

@dovid האבסולוטיות לא עוזרת

[יוסף בן שמעון]

@chagold
https://jsfiddle.net/1jfkne45/

[chagold]

@יוסף-בן-שמעון
https://jsfiddle.net/ktae7gzv/1/

[יוסף בן שמעון]

@chagold
https://jsfiddle.net/nhecsdk6/

[zvizvi]

@dovid אמר בcss כיסוי מסך מלא:

עם הposition מוגדר לabsolute אז אני חושב שאין משמעות להורה,
אתה מתחיל מאפס.

absolute מתייחס להורה הקרוב ביותר שמוגדר כabsolute או כrelative. ואם אין כזה, אז למסך.

[zvizvi]

@chagold אמר בcss כיסוי מסך מלא:

באתר X צריך לעצב דף בית, והעיצוב שלו תופס את כל המסך.
בכל האתר יש מעטפת, ואני כפוף אליו גם בדף הבית. למען הדוגמא המעטפת לוקחת 2 ס"מ מימין ומשמאל של הדף - ואני עכשיו צריך לכסות גם אותם. אבל אני יכול לעשות את העיצוב רק מתוך הDIVים הפנימיים.
אז עשיתי margin:-200% לכל צד. הבעיה שהוא תופס יותר מהרוחב של העמוד ( = מגדיל את הרוחב של העמוד ויוצר פס גלילה מאוזן).

איך אני נותן תנאי שיכסה רק בעמוד?

תשקול לקבוע אותו כfixed, שאז הוא יתייחס למסך בלבד ולא להורים.
אם כי לא תמיד זה מתאים.