Да не се влиаят едно от друго ?

justspy

Registered
Значи проблема е следният : имам две менюта, и двете се състоят от по два дива, и тук е и проблема, тей като кутийките на двата дива са разтегателни, да речем след като съм наместил менютата както искам, ако добавя още текст в едното меню, другото пада надоло ... ?
 
99b5629eed10c79f.PNG
 
Ето html кода на двете менюта :


Код:
 <div id="project"></div>
            <div id="projectdown">
				  Текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст текст, текст, текст, текст, текст, текст, 
				  Текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст текст, текст, текст, текст, текст, текст, 
				  Текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст текст, текст, текст, текст, текст, текст, 
				  Текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст текст, текст, текст, текст, текст, текст, 
				  Текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст текст, текст, текст, текст, текст, текст, 
				  Текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст текст, текст, текст, текст, текст, текст
            </div>

            





<div id="otzivi"></div>
            <div id="otzividown">
				  Текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст,
				  текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, 
				  текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст,
				  текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст, текст
                <br /><br />
            </div>


ето и css кода им :



Код:
#otzivi {
	background:url('../images/otzivi.png') no-repeat;
	height:27px;
	width:236px;
	margin-left:-475px;
	margin-top:-27px;
	}
	
	#otzividown {
	background:#fff repeat-y;
	width:227px;
	height:100%;
	margin-left:-473px;
	}
	



	#project {
	background:url('../images/project.png') no-repeat;
	height:26px;
	width:452px;
	margin-left:245px;
	}
	
	#projectdown {
	background:#fff repeat-y;
	width:441px;
	height:100%;
	margin-left:246px;
	}
 
използвай float, да направиш две колони
http://www.java2s.com/Code/HTMLCSS/Layout/2columnwithfloatleftandrightleft678pxwidth.htm
 
извинявам се на мене ми се спи, нищо че няма 8 часа, тряя да си измисля някво оправдание :D

онтопик:

щерев е прав, флоатни ги и след тях постави един див със style="clear: both;" :?:
 
стана по друг начин, сложих и второто меню в един цял див, и го наместихи и така вече е добре, само дето се получи нещо странно има някакво разместване, но не каде да е ами при различна резолюция ?? кода на дива в който ги сложих е :

Код:
	position:absolute;
	margin-left:745px;
	margin-top:-25px;
 
Ами направи две колони както ти дадох линка, с тези позишъни се прецаква всичко
 
shterev каза:
Ами направи две колони както ти дадох линка, с тези позишъни се прецаква всичко


Незаменим си ти ей .... стана :D няма никакво разместване под нищо, нито други браузери нито резолюции нито нищо :)
 

Back
Горе