[Ayuda] Div al lado del otro

[_F3R_]

Hola gente, habia echo mi web con tabla y css :P y eso es una incorrecta maquetación y me decidi a pasarla con divs ;)
El tema es que el header y el navbar todo bien...
pero.
Yo en donde va el contenido en las tablas lo tenia asi:

Código html:

<table class="tablepad" width="898" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="30" class="up-l"></td>
    <td width="838" class="up"></td>
    <td width="30" class="up-r"></td>
  </tr>
  <tr>
    <td class="left"></td>
    <td class="contenido">&nbsp;</td>
    <td class="right"></td>
  </tr>
  <tr>
    <td class="down-l"></td>
    <td class="down creditos">&nbsp;</td>
    <td class="down-r"></td>
  </tr>
</table>
 

ese es como lo tenia
por ejemplo a los bordes de arriba del conte lo tenia asi:
elborde superior izq el del medio y el de la der
y lo quise hacer con divs pero se me ponen uno abajo del otro.
Asi lo hice con divs en html:

Código html:

<div id="contenedor">
 
<div id="header"></div>
<div id="navbar" class="nav"></div>
<div class="contepad">
<div id="upcnt"><div class="up-l"></div><div class="up"></div><div class="up-r"></div>
</div>
</div>
 

y el css:

Código css:

body{
background-image:url(imgs/background.png);
background-repeat:repeat-x;
background-color:#403e3e;
margin-top:0px;
}
p{
margin-bottom:0px;
margin-top:0px;
text-indent:5px;
}
#contenedor{
width:898px;
padding:0;
margin:0 auto;
}
#header{
background-image:url(imgs/header.png);
background-repeat:no-repeat;
background-position:center;
height:150px;
width:600px;
padding:0;
margin:0 auto;
}
#navbar{
background-image:url(imgs/navbar.png);
height:40px;
background-repeat:no-repeat;
line-height:40px;
text-align:center;
width:898px;}
a.nav:link{
color:#000000;
font:Arial, Helvetica, sans-serif;
font-size:15px;
text-decoration:none;
font-weight:bold
}
a.nav:hover{
color:#00FF00;
font:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:underline;
font-weight:bold;
}
a.nav:visited{
color:#000000;
font:Arial, Helvetica, sans-serif;
font-size:15px;
text-decoration:none;
font-weight:bold
}
.contepad{
margin-top:20px;
background-color:#222222
}
/*Bordes Contenido*/
#upcnt{
height:29px;
width:898px;
}
.up{
background-image:url(imgs/up.png);
background-repeat:repeat-x;
height:29px;
}
.down{
background-image:url(imgs/down.png);
background-repeat:repeat-x;
height:29px;
}
.up-l{
background-image:url(imgs/up-left.png);
background-repeat:no-repeat;
height:29px;
width:30px;
}
.up-r{
background-image:url(imgs/up-right.png);
background-repeat:no-repeat;
height:29px;
width:30px;
}
.left{
background-image:url(imgs/left.png);
background-repeat:repeat-y;
width:30px;
}
.right{
background-image:url(imgs/right.png);
background-repeat:repeat-y;
width:30px;
}
.down-l{
background-image:url(imgs/down-left.png);
background-repeat:no-repeat;
height:29px;
width:30px;
}
.down-r{
background-image:url(imgs/down-right.png);
background-repeat:no-repeat;
height:29px;
width:30px;
}
 

Por ahora si ven el html solo probe con los de arribas :/

[zerokilled]

no he visto tu codigo con atencion, pero haciendo una busqueda en google encontre varios enlaces con css rounded corner
este enlace tiene diferentes tecnicas, http://www.cssjuice.com/25-rounded-c...ques-with-css/

[kseso?]

y lo quise hacer con divs pero se me ponen uno abajo del otro

Creo que lo que necesitas es saber cómo alterar el comportamiento que las cajas tienen por defecto (elementos de bloque).
Eso lo conseguirás jugando con la posición y el flotado (entre otras cosas).
Creo que eres un buen candidato para leer la "guía de migración" realizada por Mikmoro.
Parte 1
Parte 2

[anRoswell]

Pon mucha atencion en los manuales k te hablo kseso sobre la propiedad float... k es l k te permite colocar div horizontales, uno al lado del otro
y con este mensaje Maldicion por fin podre colocar link en mis mensajes, culo de lio..............