إضافة سطريين منقطين عموديين

[apitos]

السلام عليكم،

أردت إضافة سطريين عموديين منقطين في وسط الصفحة بهذا الكود :

#left, #center, #right {
 padding: 10px;
 float: left;
 text-align: right;
}
#left {
 width: 150px;
background-color: #FFFF66;
 /*border-right:1px dotted #999933;*/
 }
#center {
 width: 408px;
 border-right: 1px dotted #666666; 
 border-left: 1px dotted #666666;
 padding: 10px;
}
#right {
 width: 150px;
 background-color: #FFFF66; 
 /*border-left:1px dotted #999933;*/
}

ولكن الخطين لا يمتدان الى آخر الصفحة وينتهيان عندما يكتمل النص في القسم center# حتى وإن كان ارتفاع الخطين اقل من ارتفاع كلا من القسمين left# و right#.

فما الحل يا ترى ؟

شكرا

[محمد فؤاد]

وعليكم السلام ورحمه الله وبركاته

مافهمته انك تريد وضع خطين منقطين يمتدان بالطول على جانبي كل عمود ( الايمن و الايسر ) ..
اجعل border لـ right و left وليس ل center وبالتالي سيمتد الخطين حتى نهاية right و left كما تريد !

[apitos]

السلام عليكم،

أخي محمد،

وإذا كان وسط الصفحة أطول من الجهة اليمين واليسار فسيتوقف الخطين في حدودهما فقط ولا يمتدان مع محتوى وسط الصفحة الأطول !!!!

هنا المشكلة في الحل المقترح من طرفك

[ليوناردو دافينشي]

أخي لم افهم ما تريد هل ممكن ان تمثل ما تريد بالرسم ؟؟؟؟؟

او اذا ممكن الكود كامل

[apitos]

سابحث ان شاء الله عن موقع يصور ما أبحث عنه