تنسيق مستند ، خاصية float

[dev11]

لدي هذا المستند ،، و توجد مشكلة في الجهة اليمنى فيه ، أعتقد أن الحل يكمن في الخاصية float ..

[Zizwar]

هذا مثال بإختصار
لاحظت انك تكرر

    border-width: 0px; 

في العديد من الكلاسات، يمكنك ان تضع واحدة فقط وتكرر التسميات

.sub, .date, .topics, .all{
    border-width: 0px;
} 

هكذا مع باقي الأنماط

[dev11]

بالطبع أخي العزيز Zizwar ،، شكراً لك .

أعتقد أن الفكرة التي أريد الوصول اليها لن تصل من خلال القالب السابق ..

[dev11]

حسناً دعوني أعيد صياغة السؤال بشكل أفضل ..
لدي هذا القالب ..

ما اريده هو نقل ما هو محدد باللون الأحمر الى جانب ما هو محدد باللون الأخضر مباشرة ،، ويكون بشكل دائم ( أعني حتى حينما يتم تصغير المتصفح ) ..

<style type="text/css">
body {
    margin: 0px;
}
.header {
    width: 100%;
}
.menu {
    width: 25%;
    border: 1px solid green;
}
.content {
    width: 75%;
    border: 1px solid red;
}
.footer {

}
</style>
<div class="header">header</div>
<div class="menu">menu</div>
<div class="content">content</div>
<div class="footer">footer</div> 

[Flasher]

جرب هذا الكود.

<style type="text/css">
body {
    margin: 0px;
}
.header {
    width: 100%;
}
.menu {
	width: 24%;
    border: 1px solid green;
	float:left;
	overflow:hidden;
}
.content {
    width: 75%;
    border: 1px solid red;
	float:left;
}
.footer {
	clear:both;
}
</style>
<div class="header">header</div>
<div class="menu">menu</div>
<div class="content">content</div>
<div class="footer">footer</div>

[dev11]

الايمكن جعله 25% ؟

[dev11]

أعتذر بشدة فقد أغفلت جانبا مهماً ،، الا وهو الـ 2px الزائدة للحدود ، شكراً لك أخي العزيز Flasher

[owner]

الايمكن جعله 25% ؟

ممكن ولكن سوف يتفعل السكرول بار

لأن 25+75=100 والبوردر يحسب معهم , يعني راح يكون اكبر من 100%

اما انك تصغر ال75 او 25

[Flasher]

الايمكن جعله 25% ؟

ممكن ولكن سوف يتفعل السكرول بار

لأن 25+75=100 والبوردر يحسب معهم , يعني راح يكون اكبر من 100%

اما انك تصغر ال75 او 25

صحيح، ايضا تستطيع ابقائهم 25 و 75 وحذف الحد وجعله لعنصر داخلي.

[dev11]

شكرا لكم جميعاً

[dev11]

حذف الحد وجعله لعنصر داخلي

هلا وضّحت لي هذه النقطة ؟

[Zizwar]

الان مع الصورة الثانية توضحت المسألة
المسألة التي طرحها الأخ أونر مهمة

لأن 25+75=100 والبوردر يحسب معهم , يعني راح يكون اكبر من 100%

لأنه يتم فعلا حساب الحواشي(البوردر)
يجب ان يكون الناتج أقل من 100 وحتى 99 ، قد يظهر لك الشكل مضبوط في الفايرفوكس، لكن ليس كذالك مع الإكسبلورر ومعروف هذا الإختلاف بينهم
ليس لك الا التجارب الدقيقة وستصل ان شاء الله