Три div-a един до друг и центрирани ?

[god_of_cs]

Здравейте. Искам div1,div2,div3 да са центрирани във div-а footer, но и един до друг (на един ред). Пробвах на всеки див float: left; и на главният див footer margin: auto; но не ми върши работа, не работи. Други решения ?

--19:19--
Ще се опитам да го направя с ul и li. Ще пиша ако стане.

--19:27--
Помагайте и така не става :S

 

[M1tq96]

пробвай така

<div id='footer' align='center'>

<table style='width:100%;'>
<tr>
     <td align='center'><div>div1</div></td>
     <td align='center'><div>div2</div></td>
     <td align='center'><div>div3</div></td>
</tr>
</table>

</div>

 

[lub4o]

html

<body>
	<div class="clear"></div>
		<div id="footer">
			<div class="center">
				<div id="left" >
				edno
				</div>
				<div id="center">
				dve tri
				</div>
				<div id="right">
				asdas
				</div>
			</div>
				<div class="clear"></div>
		</div>
		
	</body>

css

#footer
{
width: 900px;
margin:0 auto;
background-color: yellow;
}
#left
{
width: 250px;
float:left;
height:100px;
background-color:green;
}
#center
{
width: 250px;
float:left;
background-color:blue;
height:100px;
}
#right
{
width: 250px;
height:100px;
float:right;
background-color:red;
}

div.center
{
	width: 750px;
	margin: 0 auto;
}

div.clear
{
clear:both;
}

 

[shterev]

главният див footer margin: auto; но не ми върши работа, не работи.

Точно така се прави. Какъв ти е доктайпа? А на тоя див footer сложи ли width?

 

[god_of_cs]

Сложих width - 930px; всеки див ми е по 250, доктайп - <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

m1tq - не мисля, че трябва да ползвам таблици за това. Иначе благодаря, но просто не мисля че е удачен вариянт.

 

[lub4o]

Сложих width - 930px; всеки див ми е по 250, доктайп - <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

m1tq - не мисля, че трябва да ползвам таблици за това. Иначе благодаря, но просто не мисля че е удачен вариянт.

Може да направиш още един див и да вкараш div1,div2 и div 3 в него.

div.center
{
width: 750px;
margin:0 auto;
}
Така ще го центриращ според главния div (footer)

 

[god_of_cs]

И това правих, пак без резултат. Все пак ще опитам пак, но не очаквам разлика.
EDIT: Няма резултат.

Ето малко код:

[css]#footer {
width: 930px;
height: 190px;
background: url(img/footer.png) no-repeat;
margin: auto;
}

#f1 {
float: left;
width: 250px;
height: 170px;
background: transparent;
padding-left: 10px;
margin-top: 10px;
color: #e0e0e0;
font-size: 11px;
font-family: Helvetica;
text-align: center;
border-right: 1px dashed #000;
}

#f2 {
float: left;
width: 250px;
height: 170px;
background: transparent;
margin-top: 10px;
color: #e0e0e0;
font-size: 11px;
font-family: Helvetica;
text-align: center;
border-left: 1px dashed #464646;
border-right: 1px dashed #000;
}

#f3 {
float: left;
width: 250px;
height: 170px;
background: transparent;
color: #e0e0e0;
margin-top: 10px;
font-size: 11px;
font-family: Helvetica;
text-align: center;
border-left: 1px dashed #464646;
}[/css]

 

[lub4o]

#footer {
width: 930px;
height: 190px;
background: url(img/footer.png) no-repeat;
margin: auto;
}
#centerfooter
{
width:750px;
margin:0 auto;
}
#f1 {
float: left;
width: 250px;
height: 170px;
background: transparent;
padding-left: 10px;
margin-top: 10px;
color: #e0e0e0;
font-size: 11px;
font-family: Helvetica;
text-align: center;
border-right: 1px dashed #000;
}

#f2 {
float: left;
width: 250px;
height: 170px;
background: transparent;
margin-top: 10px;
color: #e0e0e0;
font-size: 11px;
font-family: Helvetica;
text-align: center;
border-left: 1px dashed #464646;
border-right: 1px dashed #000;
}

#f3 {
float: left;
width: 250px;
height: 170px;
background: transparent;
color: #e0e0e0;
margin-top: 10px;
font-size: 11px;
font-family: Helvetica;
text-align: center;
border-left: 1px dashed #464646;
}

И сега в html сложи <div id="centerfooter"> под <div id="footer">

 

[god_of_cs]

lub4o +1, и пак не разбрах защо при мен същият код не се получаваше :shock: