Разположение на елементи...

K

kulov

Registered
Здравейте, започнах да кодирам един дизайн и стигнах до задънена улица.. Нека поясня как седят нещата с дизайна, преди да започна да обеснявам, погледнете тази картинка http://store.picbg.net/pubpic/97/B8/cc61e64250b097b8.png

Така, нека обесня, там където виждате MENU там седи логото, главните връзки и т.н всичко добре, там от ляво, където виждате пак в сивият цвят има различни менюта, и стигам до това червеното което немога да направя.. Значи дизайна съм го кодиирал така, всички дивове от дизайна са сложени в един главен див (контейнер) на който му е зададен width:977px; тоест това ще е ширината на дизайна, и вече за да позоционирам дадел елемент някъде просто пиша float:left; да речем.. така са направени тези менюта в ляво, но не мога да направя тези в дясно, защото искам да плътно едно до друго левите менюта и десните, тоест това в сивото и това в червеното .. там където виждате text трябва да седи един кратък текст, но не знам как да го позиционирам там, тей като нали ползвам само float left и right, и в случая няма как да го сложа там.. Давайте идеи ..
 
Много,много не разбрах какво точно искаш и ти направих цялостна възстановка.Дано да ти свърши работа,ако имd нещо питай.

Изтегли:http://dox.bg/files/dw?a=27b1b79ab8-http://dox.bg/files/dw?a=754bd3cd2b

index.html
Код: 
  <link rel="stylesheet" href="css.css" type="text/css" />
  <div id="con">
	<div id="menu">logo</div>
	<div id="smenu">menu</div>
	<div id="smenu2">menu2</div>
	<div id="main">
		<div id="text">Живото е щастие!</div>
	</div>
	<div id="main2">text2</div>
  
  
  </div>

css.css
Код: 
#con{width:977px; height:100%; border:1px solid red;}
#menu{width:977px; height:50px;border:1px solid blue;margin-top:5px;}
#smenu{width:150px; height:250px; border:1px solid #aaaaaa;margin-top:5px;}
#smenu2{width:150px; height:150px; border:1px solid #1c9d25;margin-top:5px;}
#main{width:827px; height:350px; border:1px solid #ff9c00; margin:-400px 0 0 150px;}
#text{width:150px; height:50px; border:1px solid #00fcff; margin: 30px 0 0 30px;}
#main2{width:827px; height:350px; border:1px solid #ff00e4; margin:50px 0 0 150px;}



Uploaded with ImageShack.us
 
Така с маргини и аз мога да си го напрвя ..

В момента мисля, че намерих решение, ако се получи, ще постна начина по който съм се оправил :)
 
Ама ти искаш с float?
Е какво значение има дали е с маргин или флоат.Важното е,че става.
Ще се пробвам с флоат,но сигурно пак ще има позициониране.

Edit:Става с флоат,но пак има и маргин,ако не искаш да има маргин доста сложно става(той така си е сложно).Незнам за какво ти е тоя флоат,но е пълна утрепия.По скоро ще стани ако разделиш главният контейнер на няколко по-малки части.Да речем "меню1" и "текст1" да са в един отделен и т.н за да може тоя флоат да не създава пречки.
 
Код: 
#mc {width:977px;}
#menu {height:40px;background:gray;} /*mahni fona*/
#left {float:left;display:inline;margin:10px 0 0 0;}
#right {float:left;display:inline;margin:10px 0 0 10px;}
.sm {width:350px;height:200px;background:gray;margin:5px 0 0 0;} /*mahni height ako iskash da se orazmerqvat i sushto fona*/
.bm {width:617px;height:250px;background:gray;margin:5px 0 0 0;} /*mahni height ako iskash da se orazmerqvat i sushto fona*/
.cl {clear:both;font-size:0;}
Код: 
<div id="mc">
<div id="menu">MENU</div>
<div id="left">
<div class="sm">lqvo 1</div>
<div class="sm">lqvo 2</div>
<div class="sm">lqvo 3</div>
</div>
<div id="right">
<div class="bm">dqsno 1</div>
<div class="bm">dqsno 2</div>
</div>
<div class="cl"> </div>
</div>
 
Не разбирам кво толков го мислите, направи си 2 колони едната по тясна с float и готово
 
Направих го по следният начин, направих един див, в главният див, на който съм му задал големина, целият див, тоест 977px - ширината на левите менюта, и му зададох float: right; тоест така направих това червеното, и вече вътре пак с float си наместих елементите едните в ляво другите в дясно ..
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе