2 колони една до друга

A

antique

Registered
имам 2 колони една до друга едната трябва да е отляво другата от дясно . и на едната съм направил да е с float: left; за да може тази от дясно да застане до нея а не пот нея . но пот фф има проблем . този слой пот тях се разтяга спрямо големината на съдържанието но когато използвам float: left; не се разтяга дайте някаква идея как да ги направя една до други с друк код . говорим за div не за таблици .
 
Код: 
<div style="width: 500px; height: 500px; border: 1px solid red;">
<div style="float: left; width: 257px; height: 500px; border: 1px solid blue;"> </div>
<div style="float: left; width: 247px; height: 500px; border: 1px solid green;"> </div>
</div>

Задавай float и на двете,както и width.

:)
 
Направи дтете колонки да са на една височина, в смисъл: Margin-top: 5px;
и после ги намести да се отдръпвам от ляво и от дясно: margin-left: 5px; (Примерно) немога да ти обесня така.... дай кода да го видя :)
 
<div class="box">
<div class="left">info<div>
<div class="right">info<div>
<div style="clear:both;"></div>
</div>


.box { width:450px; margin:0 auto;}
.left { width:400px; float:left;}
.right { width:400px; float:left}
 
FestarBG каза:
Код: 
<div style="width: 500px; height: 500px; border: 1px solid red;">
<div style="float: left; width: 257px; height: 500px; border: 1px solid blue;"> </div>
<div style="float: left; width: 247px; height: 500px; border: 1px solid green;"> </div>
</div>

Задавай float и на двете,както и width.

:)
Увеличете...

Имаш пропуск тук! Къде ти е изчистването на флоатинга!?!
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
#con {
width: 650px;
padding: 0;
margin: 0 auto;
}

.div1 {
width: 300px;
height: 300px;
padding: 0;
float: left;
border: 1px solid green;
}

.div2 {
width: 300px;
height: 300px;
padding: 0;
float: left;
border: 1px solid red;
}
</style>
</HEAD>

<BODY>
<div id="con">

<div class="div1">
fsaf
</div>

<div class="div2">
fsafas
</div>
<div style="clear:both"></div>
</div>

</BODY>
</HTML>
Увеличете...
 
с това се оправих с помоща на емаги . може ли малко да ми разясните каква е разликата между:

div id="lqlq"></div>
div class="lqlq"></div>
 
shterev каза:
id може да се зададе само на един елемент , докато класа(class) , може на много.
Увеличете...
ms

а как да направя примернои 3 колони една до друга .
 
shterev каза:
FestarBG каза:
Код: 
<div style="width: 500px; height: 500px; border: 1px solid red;">
<div style="float: left; width: 257px; height: 500px; border: 1px solid blue;"> </div>
<div style="float: left; width: 247px; height: 500px; border: 1px solid green;"> </div>
</div>

Задавай float и на двете,както и width.

:)
Увеличете...

Имаш пропуск тук! Къде ти е изчистването на флоатинга!?!
Увеличете...


Ае само да не се нервим,а?!?!

:)


Не съм сложил още 1 див,затова и не съм му изчистил float-инга.Може да иска да си сложи 3 колони,остави автора да реши кое му е полезно и кое не.. :wink:
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе