كيف يتم عمل إطار كامل ومتمدد للصفحة ؟؟

**Jayyan** · 04-08-2008

كيف يتم عمل إطار متمدد لصفحة HTML
كما في الصورة المرفقة

بحيث مهما تغيرت دقة شاشة العرض عند الزائر فإن الإطار يتمدد أو يتقلص ويأخذ نفس الشكل النهائي بدون ظهور سكرول أفقي أو عمودي للمتصفح، وفي نفس الوقت يكون التصميم قابل للعرض على كل المتصفحات

أتمنى أن الاستفسار واضح ؟؟

تحياتي للجميع

**مصطفى فرغلى** · 04-08-2008

كود PHP:


<body><iframe src="http://www.google.com" style="height:100%;width:100%"></body>

**Jayyan** · 04-08-2008

الموقر Dezology

يمكن أنك مافهمت قصدي بالضبط ..

أنا أقصد أن يكون عندي table OR div
داخل الصفحة

بحيث أضع إطار لكامل الصفحة وهذا الإطار عبارة عن صور في الزوايا وخلفيات متكررة في بقية الأضلاع

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

إن شاء الله وضحت ؟

تحياتي لك ومقدر لك المررو

**owner** · 04-08-2008

يا هلا ,

يمكنك عملها عن طريق الـCSS عن طريق عمل Div في اعلى الصفحة واعطائها ارتفاع الصورة بالضبط . وبعدها تعمل Div ثاني وتعمل داخله 3 Div's واحد فلوت يمين وواحد فلوت يسار وواحد في النصف واخر شي تعمل div لأسفل الصفحة بنفس ارتفاع صورة الفوتر بالضبط .

ان شاء تكون فهمت شرحي :$

**Jayyan** · 04-08-2008

فهمت شرحك أخوي owner

لكن الـ DIV الأخير مارح يكون في أسفل الشاشة بحيث يكتمل الإطار بشكل كامل .. سأعمل مثال وأرفعه بإذن الله لتفهم قصدي تماماً

تحياتي لك ومقدر لك المرور أخي الكريم

**mwafi** · 05-08-2008

ظ†ظ…ظˆط°ط¬ ط§ظ„طµظ†ط¯ظˆظ‚ | ط¯ط±ط³ CSS | HTML.net

**Jayyan** · 05-08-2008

المكرم mwafi

في الحقيقة الدروس مفيدة لكنها لا تحل الإشكال الذي أسأل عنه ..

أتمنى تحميل المرفق وتشغيله على فايرفوكس 3 وملاحظة شكل الإطار أثناء تغيير حجم نافذة الفايرفوكس بالتكبير أو التصغير

تلاحظ أن الإطار داخل الصفحة يتمدد ويتقلص حسب شاشة المتصفح بشكل سليم،

ولو فتحتها باستخدام الإكسبلورر ستجد أن التمدد الأفقي يعمل بشكل سليم لكن التمدد العمودي لا يعمل !!

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

جزاكم الله خيراً وأشكر لكم المرور

**mwafi** · 05-08-2008

المشاركة الأصلية كتبت بواسطة Jayyan مشاهدة المشاركة

المكرم mwafi

في الحقيقة الدروس مفيدة لكنها لا تحل الإشكال الذي أسأل عنه ..

أتمنى تحميل المرفق وتشغيله على فايرفوكس 3 وملاحظة شكل الإطار أثناء تغيير حجم نافذة الفايرفوكس بالتكبير أو التصغير

تلاحظ أن الإطار داخل الصفحة يتمدد ويتقلص حسب شاشة المتصفح بشكل سليم،

ولو فتحتها باستخدام الإكسبلورر ستجد أن التمدد الأفقي يعمل بشكل سليم لكن التمدد العمودي لا يعمل !!

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

جزاكم الله خيراً وأشكر لكم المرور

ههههههه
انت بعد تعاني من مشاكل مع الاكسبلورر
ابشر

لست الوحيد

test

http://www.swalif.net/softs/swalif44...6/#post1708946
بالتوفيق

**Jayyan** · 05-08-2008

تحياتي أخوي mwafi

إن شاء الله أكون وضحت السؤال والمشكلة قدر المستطاع عشان يمكن نجد الحل عند أحد الزملاء

**الكاهن الأخير** · 06-08-2008

قمت بتقطيع الصورة التى وضعتها فى الأعلى
وهى تعمل على explorer 7 + firefox بشكل سليم .
شاهدها لتفهم الطريقة الصحيحة . هى عن طريق ال table
اذا فيه أى تعليق , فى الخدمة
تحياتى

**Jayyan** · 07-08-2008

فعلاً أخوي الكاهن الأخير ،، هذا بالضبط ماكنت أبحث عنه ..

والفرق أني في المثال اللي أرفقته في ردي رقم 7 هو تحديد نوع الملف

في مثالك لم تحدد نوع الملف واصدار الـ HTML أو الـ XHTML

شكراً لك والله يقدرنا نرد الجميل

**ابو حميد احمد** · 07-08-2008

المشاركة الأصلية كتبت بواسطة الكاهن الأخير مشاهدة المشاركة

قمت بتقطيع الصورة التى وضعتها فى الأعلى
وهى تعمل على explorer 7 + firefox بشكل سليم .
شاهدها لتفهم الطريقة الصحيحة . هى عن طريق ال table
اذا فيه أى تعليق , فى الخدمة
تحياتى

ماشاء الله تبارك الله هذا ما كنت ابحث عنة
ولكن اخى فى الله لى سؤال بسيط
كيف يعمل هذا المثال على الاطارات الداخلية IFRAME افقى وراسى
جربت

كود:

<IFRAME name=I1 marginWidth=0 marginHeight=0 
src="Home.Defaults.html" 
frameBorder=0 width="100%" height="367"
target="_blank">يتعذر فتح هذة الصفحة</IFRAME>

لكن دون جدوى ارجوا حل مثل هذا المثال

والسلام ختام

**الكاهن الأخير** · 07-08-2008

المشاركة الأصلية كتبت بواسطة Jayyan مشاهدة المشاركة

فعلاً أخوي الكاهن الأخير ،، هذا بالضبط ماكنت أبحث عنه ..

والفرق أني في المثال اللي أرفقته في ردي رقم 7 هو تحديد نوع الملف

في مثالك لم تحدد نوع الملف واصدار الـ HTML أو الـ XHTML

شكراً لك والله يقدرنا نرد الجميل

العفو حبيبى , فى الخدمة
أهم شىء أيضا مراعاة نقطة التمدد + margin

تحياتى لك

**الكاهن الأخير** · 07-08-2008

المشاركة الأصلية كتبت بواسطة ابو حميد احمد مشاهدة المشاركة

ماشاء الله تبارك الله هذا ما كنت ابحث عنة
ولكن اخى فى الله لى سؤال بسيط
كيف يعمل هذا المثال على الاطارات الداخلية IFRAME افقى وراسى
جربت

كود:

<IFRAME name=I1 marginWidth=0 marginHeight=0 
src="Home.Defaults.html" 
frameBorder=0 width="100%" height="367"
target="_blank">يتعذر فتح هذة الصفحة</IFRAME>

لكن دون جدوى ارجوا حل مثل هذا المثال

والسلام ختام

تفضل يا أبو حميد, إسمك على إسمى

كود:

<IFRAME name=I1 marginWidth=0 marginHeight=0 
src="http://www.google.com" 
frameBorder=0 width="100%" height="100%"
target="_blank">تعذر فتح هذه الصفحة</IFRAME>

حدد الطول والعرض بكامل النسبة المئوية

ثم ضع هذا داخل Body حتى يلتصق الفريم بكامل جوانب الصفحة

كود:

<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">

هل هذا ما تبحث عنه ,أم تقصد شىء أخر .
تحياتى للجميع

**ابو حميد احمد** · 07-08-2008

تفضل يا أبو حميد, إسمك على إسمى

عاشت الاسامى استاذ احمد

height="100%"

جربتها بالفعل قبل ما اكتب ردى الاول لكن ما نفعت خصوصا انى عامل بعض الروابط تفتح فى الافريم ما اشتغلت ايضا الروابط
وكذلك تجربة الصفحة على مختلف اعدادات الشاشة لم تنفع ايضا
ارجوا ان تكون قد وصلت الفكرة
اخوكم فى الله ابو حميد احمد
والسلام ختام

الموضوع: كيف يتم عمل إطار كامل ومتمدد للصفحة ؟؟

أدوات الموضوع

بحث في الموضوع

كيف يتم عمل إطار كامل ومتمدد للصفحة ؟؟

المواضيع المتشابهه

DooPHP, أسرع إطار عمل MVC للـ PHP

كيف احفظ البيانات دون تحميل للصفحة بشكل كامل

هاردسك 80 جيجا فيه مسلسل فريندز كامل ولوست كامل وبريزون بريك كامل

ضوابط المشاركة