פרש - בעיית רקע לעמוד בכרום

11-01-2012, 16:35

בתמונה המצורפת מוצגת הבעיה.
בקצרה:
יש רקע (שחור) ל- body.
יש div לעמוד עצמו, עמוד ממורכז עם רקע אפור שאמור להיות מתוח לכל הגובה.
כשאני קרוב הוא חתוך, וכשאני רחוק הוא אינסופי כמו שהוא צריך להיות.

מצרף קוד:

body {
background: url("background.jpg") 0% 0%; background-repeat: repeat;
text-align: center;
font-family: sans-serif;
margin: 0;
padding: 0;
border: 0;
height: 100%;
}

div#page {
background: url("page.jpg") 0% 0%; background-repeat: repeat-y; background-position: center; background-position: top;
margin-top: 0px;
height: 100%;
width: 850px;
margin: 0;
padding: 0;
border: 0;
position: relative;
}

תודה מראש

_____________________________________

אריאל ורבר - מעצב אתרים

בתגובה להודעה מספר 1 שנכתבה על ידי opie שמתחילה ב "בעיית רקע לעמוד בכרום - CSS"

לא כל כך ברור אבל כמה הערות:
גובה לBODY - לא צריך..
או שתשים AUTO או כלום.

במקום גובה = 100% לתמונה, תן את הגובה האמיתי של התמונה בפיקסלים.

BACKGROUD POSITION אפשר לתת פעם אחת כ TOP CENTER ולא צריך פעמים.

למה אתה בכלל מגדיר מרגין פדין לBODY? לא צריך לתת כלום יש ברירת מחדל..

_____________________________________

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

בתגובה להודעה מספר 2 שנכתבה על ידי Senda R שמתחילה ב "לא כל כך ברור אבל כמה..."

תודה על התגובה,
כל הדברים המיותרים נוספו כדי לנסות למצוא את מקור הבעיה. (לא נמצא לצערי).

_____________________________________

אריאל ורבר - מעצב אתרים

בתגובה להודעה מספר 3 שנכתבה על ידי opie שמתחילה ב "תודה על התגובה, כל הדברים..."

נו אז תסביר מה הבעיה..
לא רשמת שם מובן

_____________________________________

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

בתגובה להודעה מספר 4 שנכתבה על ידי Senda R שמתחילה ב "נו אז תסביר מה הבעיה.. לא..."

הבעיה היא שהרקע האפור שהוא ה- PAGE אמור להיות 100%, כלומר מלמעלה עד למטה. וזה פועל כשאני מקטין את ה- text size אבל כשהוא ב- 100% או גדול יותר זה חתוך, כמו בתמונה.

_____________________________________

אריאל ורבר - מעצב אתרים

12-01-2012, 08:08

שימי

מנהל פורומי "תכנות ובניית אתרים" ו"חומרה ורשתות"

חבר מתאריך: 25.10.01

הודעות: 42,775

בתגובה להודעה מספר 1 שנכתבה על ידי opie שמתחילה ב "בעיית רקע לעמוד בכרום - CSS"

רצוי לתת קישור לדף HTML שמכיל את כל הקוד - שלא ננחש איך נראה ה HTML שלך - ונוכל לראות דברים בעיניים.

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

כמובן, ייתכן שאם בכל דפדפן אחר זה נראה בסדר, שזה פשוט Yet Another Display Bug בכרום... לעתים נראה לי שיש בכרום יותר באגים של תצוגה מאשר ב IE6...

_____________________________________

נמאס לכם לזכור סיסמאות? לחצו כאן!

בתגובה להודעה מספר 6 שנכתבה על ידי שימי שמתחילה ב "רצוי לתת קישור לדף HTML שמכיל..."

כל הצעה או רעיון יתקבלו בברכה, אני די אבוד עצות פה, אין לי מושג למה זה קורה.
מצרף את ה- HTML.

קוד:


<html>
<head>
<title>Ariel Verber's Portfolio</title>
<link rel = "stylesheet" href= "style.css">
<center>
  <div id= "page">
    <br><br><br>
    <div id= bar>
      <div id= logo></div>
      <a href= "index.html" id= "web" class= "button">WEB DESIGN</a>
      <a href= "index.html" id= "graphic" class= "button">GRAPHIC DESIGN</a>
      <a href= "index.html" id= "logo" class= "button">LOGOS</a>
      <a href= "index.html" id= "contact" class= "button">CONTACT</a>
    </div>

<br><br>
<h1>Wildfish Interactive</h1><br><br>

<div id="whitebox">
  <img id="work" src="photo.jpg"><img src="left.jpg" id="left"><img src="right.jpg" id="right">
<p>An interactive logo for a business that develops applications for the smartphones.</p>
</div>

<center>
<p id= "credits"> ® All rights reserved Ariel Verber, © copyrights 2006 - 2011. </p>
</div>
</head>
</html>

_____________________________________

אריאל ורבר - מעצב אתרים

אוקיי, שמתי לב לפרט חשוב

בתגובה להודעה מספר 1 שנכתבה על ידי opie שמתחילה ב "בעיית רקע לעמוד בכרום - CSS"

זה תמיד טוען את הרקע ה"פנימי" עד הנקודה האחרונה של התצוגה. כלומר 100% מהמסך שמוצג.
הבעייה מופיעה רק ברגע שגוללים למטה, שהוא ריק.
ברגע שעושים גודל טקסט קטן אז אין שום גלגלת, וככה הרקע מגיע עד סוף העמוד והכול טוב ויפה.

_____________________________________

אריאל ורבר - מעצב אתרים

בתגובה להודעה מספר 8 שנכתבה על ידי opie שמתחילה ב "אוקיי, שמתי לב לפרט חשוב"

אני מצטער אני באמת לא מבין כלום ממה שאתה מנסה לומר.
תשלח לי פרטי עם קישור ואני אסביר לך איך לסדר..
אין שום דבר כזה כ"בעיית CSS" יש רק אנשים שלא כותבים אותו נכון

_____________________________________

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

בבקשה, תראו בעצמכם:

בתגובה להודעה מספר 9 שנכתבה על ידי Senda R שמתחילה ב "אני מצטער אני באמת לא מבין..."

http://arielverber.com/PortfolioBlack/

הבעייה ניכרת בכרום ובפיירפוקס.

_____________________________________

אריאל ורבר - מעצב אתרים

בתגובה להודעה מספר 10 שנכתבה על ידי opie שמתחילה ב "בבקשה, תראו בעצמכם:"

הו יופי עכשיו אני מבין..
תן לבSTYLE.CSS שלך בשורה שמונה לאלמנט div#page
height:auto במקום ה100% שנתת לו וזה יסדר לך הכל.

בהצלחה.

_____________________________________

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

בתגובה להודעה מספר 11 שנכתבה על ידי Senda R שמתחילה ב "הו יופי עכשיו אני מבין.. תן..."

מצויין! תודה.
אבל עכשיו יש בעיה אחרת... אני רוצה שהוא יימתח עד הסוף. מלמעלה עד למטה, בלי רווחים גם כשאני מקטין את הטקסט סייז והכול נהיה קטן. כמו ה- body. ולא שיימתח רק עד האובייקט האחרון שמוכל בתוכו

_____________________________________

אריאל ורבר - מעצב אתרים

בתגובה להודעה מספר 12 שנכתבה על ידי opie שמתחילה ב "מצויין! תודה. אבל עכשיו יש..."

אז תן לו גובה ערכי - במקרה שלך אני חושב שזה 850PX בערך.

_____________________________________

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

בתגובה להודעה מספר 13 שנכתבה על ידי Senda R שמתחילה ב "אז תן לו גובה ערכי - במקרה..."

אבל אני לא רוצה גובה ערכי... אני רוצה שיימתח מלמעלה עד למטה... שהרקע יהיה על repeat אינסופי

_____________________________________

אריאל ורבר - מעצב אתרים

בתגובה להודעה מספר 14 שנכתבה על ידי opie שמתחילה ב "אבל אני לא רוצה גובה ערכי......"

אבל אתה חייב להגדיר "למטה" בצורה כלשהי..
או על ידי אובייקט מוכל או על ידי גובה ערכי..

אגב אתה בונה בצורה מאד לא מקצועית.
תגיד CENTER?
לא בונים ככה..
תבנה בקידוד CSS נכון בעזרת MARGIN וPADDING עם 0 AUTO .

בקיצור אני אשמח להסביר לך קידוד..
אתה לא עושה את זה נכון.

_____________________________________

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

נערך לאחרונה ע"י Senda R בתאריך 16-01-2012 בשעה 21:39.

בתגובה להודעה מספר 15 שנכתבה על ידי Senda R שמתחילה ב "אבל אתה חייב להגדיר "למטה"..."

אני גם אשמח שתסביר לי...
הפייסבוק שלי הוא Ariel Verber

_____________________________________

אריאל ורבר - מעצב אתרים

« לאשכול הקודם | לאשכול הבא »

כלי אשכול	חפש באשכול זה
הצג גירסת הדפסה שלח דף זה ב E-Mail	חפש באשכול זה: חיפוש מתקדם
מצבי תצוגה	דרג אשכול זה
עבור למצב לינארי מצב כלאיים עבור למצב משורשר	דרג אשכול זה:

אפשרויות משלוח הודעות
אתה לא יכול לפתוח אשכולות חדשים אתה לא יכול להגיב לאשכולות אתה לא יכול לצרף קבצים אתה לא יכול לערוך את ההודעות שלך קוד vB פעיל סמיילים פעיל קוד [IMG] פעיל קוד HTML כבוי

מעבר לפורום

כל הזמנים המוצגים בדף זה הם לפי איזור זמן GMT +2. השעה כעת היא 19:06

הדף נוצר ב 0.09 שניות עם 10 שאילתות
צור קשר - Fresh - למעלה