كيفية استخدام واحد صورة خلفية لشعبة الرئيسي الذي دينا اثنين من شعبة، واحد على اليسار واحد على اليمين

StackOverflow https://stackoverflow.com/questions/1816400

سؤال

وأريد أن جعل HTML، CSS الصفحة حيث التخطيط هو على النحو التالي:



.....


.....


في شعبة المحتوى لديه صورة الخلفية التي ينبغي أن تتكرر في ذ-الاتجاه. كما ينبغي أن تكون شعبة اليسار واليمين جنبا إلى جنب على نفس الخلفية image.I أنا قادرة على تحقيق ذلك، ولكن عن طريق الحفاظ على ارتفاع محتوى ثابت ولكن لا أريد لجعل ارتفاع محتوى الثابتة. الرجاء مساعدتي الناس. شكرا مقدما:)

هل كانت مفيدة؟

المحلول

ودون رؤية الشفرة ... تخميني هو أنك يتحرك اليسار واليمين عناصر div ... ولكن كنت لا تعويم DIV المحتوى ...

وCSS الخاص بك ينبغي أن ننظر مشابهة لهذه والعمل على انجاحه:

#content {
    float:left;
    background-image:url('whatever.png');
    background-repeat:repeat-y;
}

#left {
    float:left;
}

#right {
    float:left;
}

نصائح أخرى

<اقتباس فقرة>   

وأنا قادرة على تحقيق ذلك، ولكن من قبل   الحفاظ على ارتفاع محتوى   الثابتة ولكن لا أريد لجعل   ارتفاع مشاركاتي ثابتة.

إذا كنت قادرا على تكرار صورة الخلفية في الاتجاه Y ثم ينبغي أن لا يهم كيف هيغ في شعبة #content هو، كخلفية سيملأ فقط المساحة المتبقية - صحيح

إذا شعبة المحتوى الخاص بك لا يتسع لارتفاع فمن الواضح #content وشعبة الطفل يجب أن يكون خارج التدفق الطبيعي للصفحة، وفي هذه الحالة يجب أن float ذلك وعدم وضع على ارتفاع لشعبة الحاوية.

وانه من الصعب جدا أن نفهم ما نحاول القيام به، ولكن أنا <م> التفكير ما تريد القيام به هو إضافة overflow: auto لشعبة المحتوى الخاص بك، بحيث يصبح نفس الارتفاع اليسار و عناصر div الصحيحة:

#content {
  overflow: auto;
  background: [bg code]
}
#left, #right {
  float: left;
}
مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top