Hola! Vereis, tengo un problema con unos divs en una sencilla pagina...
El problema es que tengo la página así tal cual se ve en la imagen...
Pero cuando intento poner algún contenido pues pasa esto
El problema es que yo quiero que el contenido que en este caso son esas imagenes con letras negras salgan a la derecha del menú ese que está compuesto por tres divs...
Pero no hay manera siempre salen ahi abajo...
No sé como solucionarlo y si alguien me podría ayudar le estaría muy agradecido...
Códigos:
HTML:
<body>
<div id="global">
<a href="#"><img src="tpclogo.png" width="1000" height="108" alt="tpclogo (60K)" /></a>
<div id="navegacion">
<font size="3">   ; & nbsp; Menos de 10 € &n bsp; Entre 11 y 50 € &n bsp; Entre 51 y 100€</font>
</div><!--navegacion-->
<DIV ID="contenido">
<div id="menu1">
<img src="botondecategorias.jpg" width="25" height="25" alt="botondecategorias (1K)" />
</div>
<div id="menu2">
<font color="#585858"> Ofertas</font>
</div>
<div id="menu">
<ul>
<li><font color="#FF8000">></font> cosa
<li><font color="#FF8000">></font> cosa
<li><font color="#FF8000">></font> cosa
<li><font color="#FF8000">></font> cosa
<li><font color="#FF8000">></font> cosa
<li><font color="#FF8000">></font> cosa
<li><font color="#FF8000">></font> cosa
<li><font color="#FF8000">></font> cosa
</ul>
</div>
<div id="contenido">
<img src="objetos/tallerpc.gif" width="318" height="111" alt="tallerpc (11K)" />
</div>
</body>
</html>
CSS:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: center}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {text-align: center }
#global {width:1000px ; margin:4px auto }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px ; text-align:center}
#navegacion {background-color: #A4A4A4 ; border: no-border ; height:25px ; text-align: left ; color: #FFFFFF }
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 300px }
#contenido {background-color: #FFFFFF ; border-left: black 1px solid ;
border-right: black 1px solid ; text-align: center }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu2 {background-color: #E6E6E6 ; width: 126px ; float:left ; height: 24px ;
text-align: left ; border-top: #D8D8D8 1px solid }
#menu1 {background-color: #E6E6E6 ; width: 25px ; float:left ; height: 25px ;
text-align: left ; }
#menu {background-color: #FFFFFF ; width: 150px ; float:under #menu1 ; height:500px ;
text-align: left ; margin-top: 25px ; border-right: #D8D8D8 1px solid ; border-left: #D8D8D8 1px solid ; border-top: #D8D8D8 1px solid ; border-bottom: #D8D8D8 1px solid }
#menu2 li {list-style:none ; }
#menu2 h1 {}
#menu1 li {list-style:none ; }
#menu1 h1 {}
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#menu h1 {}
#pie {border-left: black 0px solid ; border-right: black 0px solid ;
border-top: black 0px solid ; height: 65px ; background-color : #FFFFFF ; width : 1300px ; border-bottom: black 0px solid }
a {}
a:link {}
a:visited {}
a:hover {}
a:active {}
----------------------------------
Siento haber hecho el post tan largo pero es que no sabía como hacer para que os sea lo más fácil posible intentar solucionar el problema
A todos los que contesteis ya mismo os van unos cuantos
