Хтмл'шники, помогите.

Есть такой код:

Code:

<div style="float:left; margin-right:20px; width:400px;">
</div>

<div style="float:left; margin-right:20px;">
</div>

Как сцук сделать, что бы кнопка была была по центру под обоими дивами?

 

какая кнопка? код кнопки давай

 

<input name="Button1" type="submit" value="Do some action" />

 

HTML:

<style>
#col1 {
text-align:center;
margin:0 auto;
}
</style>
<div id="col1" style="width:400px">
<input name="Button1" type="submit" value="Do some action" />
</div>
<div id="col1">
<input name="Button1" type="submit" value="Do some action" />
</div>

если я правильно понял

 

Как было всё, так и осталось.
Надо

 

по картинке не понятно куда перетаскивать надо кнопки, хоть в пейнте нарисуй чтоли

советую тестировать в отдельном файле, потом подключишь код к основному контенту

 

HTML:

<style>
.a{width:500px;text-align:center;}
.a div{
display:inline-block;
text-align:center;
width:245px;
}
</style>
<div class="a">
<div>1</div>
<div>2</div>
<input type="submit">
</div>
----

<style>
table.a{width:500px;}
.a tr{text-align:center;}
</style>
<table class="a">
<tr><td>1</td><td>2</td></tr>
<tr><td colspan="2"><input type="submit"></td></tr>
</table>

 

Как я уже показывал, есть 2 дива. Инфы в каждом по разному, по этому размеры разные.

Мне надо, что бы под этими дивами 2 была кнопка. Не под каким-то из них, в данном случаи под вторым, а под обоими по центру. Тоесть кнопка после второго дива автоматически устанавливаецо под ним, как и в коде, но в нём инфы меньше и он короче. А мне грубо говоря надо что бы она ровно была под обоими, тапо вот мнимая чёрная линия, а кнопка под ним .

 

HTML:

<style>
#col1 { 
display:table;
margin:0 auto;
text-align:center;

}
#col2 {
display:table-cell;
background-color:red;
}
#col3 {
display:table-cell;
background-color:orange;
}
</style>
<div id="col1">
<div id="col2" style="width:400px">
тут твои данные
</div>
<div id="col3">
тут твои данные
</div>
</div>
<div style="text-align:center;">
<input name="Button1" type="submit" value="Do some action" />
<input name="Button2" type="submit" value="Do some action" />
</div>

надеюсь хоть в этот раз правильно понял

 

Можно так:

HTML:

<style>
#wrapper {
	width: 500px;
	margin: 0 auto;
}

#col1 {
	width: 30%;
	float: left;
	background: red;
}

#col2 {
	width: 70%
	float: left;
	background: green;
}

#footer {
	clear: both;
	text-align: center;
	background: blue;
}
</style>
<div id="wrapper">
	<div id="col1">
		<p>data data data data data data</p>
		<p>data data data data data data</p>
		<p>data data data data data data</p>
		<p>data data data data data data</p>
		<p>data data data data data data</p>
	</div>
	<div id="col2">
		<p>data data data data data data</p>
		<p>data data data data data data</p>
		<p>data data data data data data</p>
		<p>data data data data data data</p>
		<p>data data data data data data</p>
	</div>
	<div id="footer">
		<input name="Button1" type="submit" value="Do some action" />
	</div>
</div>