ممكن المساعدة في ربط الـ DIV ببعضها ؟؟

[TlT]

اهلا اخواني

اردت عمل هيدير منفصل وفوتور منفضل وتم الاستغناء نهائياً عن الجداول واستعملت الديف

لكن تواجهني مشكلة انه الهيدير يدخل بالفوتور واردت جعل الديف كلها مرتبطة ببعضها في اي منطقة

مثال علي الكود الذي كتبتة

<div class="الديف الاساسي">

        <div class="لوجو">
        <img alt="اسم الصورة" src="logo.gif"/>
        </div>
        
        
        <div class="خلفية الكلمات">
        
            <div class="كلمات">
            كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات
            كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات
            كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات
            كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات
            كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات كلمات
            </div>
        
        </div>

</div> 

وملف الـ css

.الديف الاساسي {
	width: 777px;
	height: 300px;
}

.لوجو {
	text-align: center;
	position: absolute;
	width: 240px;
	height: 78px;
	left: 20px;
	top: 18px; 

.خلفية الكلمات {
	background-image:url('klam.gif');
	position: absolute;
	width: 770px;
	height: 147px;
	left: -4px;
	top: 90px;
}

.كلمات {
	direction: rtl;
	font-family: Tahoma;
	font-size: small;
	color: #7E1A34;
	position: absolute;
	width: 528px;
	height: 100px;
	z-index: 1;
	left: 54px;
	top: 24px;
}

بالطبع هذا مثال علي الكود وقمت بعمل الـ class بالعربية لسهولة المثال

انا اريد عن تحريك الديف الاساسي يكون جميع الديفات الداخلية تتحرك بنفس الـ position

ان شاء الله تكون فهمتوني وانتظر الطريقة

[owner]

اهلا ..

اخي الى اين تريد تحريك الديف الاساسي ؟

عموما لو كان الفوتر يدخل في الهيدر اعمل ديف خاص بالهيدر واعطه خصائص انه يكون

height: 100%;

ونفس الطريقة بالنسبة الى فوتر وراح ينفصل الاثنين عن بعض .

[TlT]

انا اريد عن تحريك الديف الاساسي يكون جميع الديفات الداخلية تتحرك بنفس الـ position

بحيث لو اضفت <br /> اعلي الديف الاساسي

لا يتنزل الديف ويترك الديفات الداخلية بمكانها

اريدها تتحرك وتكون الديفات الداخلية بنفس الـ position المحدد لها

اتمنى تكون فهمت قصدي

[owner]

جرب اضف

 position: relative;

على الديف الاساسي

ورد لي خبر

[TlT]

شكراً لك تعمل بنجاح