Problema con Menu

Bandolera

Bandolera

Lanero Reconocido
6 May 2008
204
Tengo una estructura con header, menu, main y footer.
Dentro del main hay dos columnas.
El menú lo obtuve de otro sitio y lo inserté dentro de la seccion menu. Pero el main se deforma.
Este es el codigo. Cómo soluciono este problemilla ?

Código: 
[COLOR=#000000][COLOR=#007700]<![/COLOR][COLOR=#0000bb]DOCTYPE HTML [/COLOR][COLOR=#007700]PUBLIC [/COLOR][COLOR=#dd0000]"-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"[/COLOR][COLOR=#007700]> 
<[/COLOR][COLOR=#0000bb]html[/COLOR][COLOR=#007700]> 
<[/COLOR][COLOR=#0000bb]head[/COLOR][COLOR=#007700]> 
<[/COLOR][COLOR=#0000bb]title[/COLOR][COLOR=#007700]>[/COLOR][COLOR=#0000bb]Maquetando CSS[/COLOR][COLOR=#007700]</[/COLOR][COLOR=#0000bb]title[/COLOR][COLOR=#007700]> 
<[/COLOR][COLOR=#0000bb]link href[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"css_maestro_menuX.css" [/COLOR][COLOR=#0000bb]rel[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"stylesheet" [/COLOR][COLOR=#0000bb]type[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"text/css"[/COLOR][COLOR=#007700]> 
<[/COLOR][COLOR=#0000bb]meta http[/COLOR][COLOR=#007700]-[/COLOR][COLOR=#0000bb]equiv[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"content-type" [/COLOR][COLOR=#0000bb]content[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"text/html; charset=utf-8"[/COLOR][COLOR=#007700]> 
<[/COLOR][COLOR=#0000bb]SCRIPT type[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#0000bb]text[/COLOR][COLOR=#007700]/[/COLOR][COLOR=#0000bb]javascript src[/COLOR][COLOR=#007700]=[/COLOR][COLOR=#dd0000]"javas.js"[/COLOR][COLOR=#007700]>[/COLOR][COLOR=#0000bb]</SCRIPT> 
[/COLOR]</head> 

<!-- Inicio del Header --> 
<div id="header"> 
    <div id="wrapper_header"> 
        <div id="logo"> 
     <img src="logo.png" width="100%" alt="Empresa"> 
        </div> 
        <div id="banner"> 
AQUI VA EL BANNER 
        </div> 
    </div> 
</div> 

<!-- Inicio del Menu --> 
<div id="wmenu"> 

<!-- Desde aqui es el menu que inserte  --> 

<DIV id=menu> 
<DIV id=principal> 


<UL> 
  <LI><A onmouseover="muestra('enu1');" title="ir a enlace1"  
  onmouseout="ocultar('enu1');" 
  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">OPCION 1</A></LI> 
  <LI><A onmouseover="muestra('enu2');" title="ir a enlace2"  
  onmouseout="ocultar('enu2');"  
  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">OPCION 2</A></LI> 
  <LI><A onmouseover="muestra('enu3');" title="ir a enlace3"  
  onmouseout="ocultar('enu3');"  
  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">SELECCION 3</A></LI> 
  <LI><A onmouseover="muestra('enu4');" title="ir a enlace4"  
  onmouseout="ocultar('enu4');"  
  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">SELECCION 4</A></LI> 
</UL> 
</DIV> 

<DIV id=enu1 onmouseover="muestra('enu1');" onmouseout="ocultar('enu1');"> 
<UL> 
  <LI><A title="Ir a enlace1"  
  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace11</A></LI> 
  <LI><A onmouseover="muestra('ubmenu1')" title="Ir a enlace1"  
  onmouseout="ocultar('ubmenu1');"  
  href="http://www.yahoo.com">Enlace12&gt;&gt;</A></LI> 
  <LI><A title="Ir a enlace1"  
  href="http://www.google.com.pe">Enlace13</A></LI> 
  <LI><A title="Ir a enlace1"  
  href="http://www.yahoo.com">Enlace14</A></LI> 
</UL> 
</DIV> 

<DIV id=ubmenu1 onmouseover="muestra('ubmenu1');muestra('enu1');"  
onmouseout="ocultar('ubmenu1');ocultar('enu1');"> 
<UL> 
  <LI><A title="Ir a enlace1"  
  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace121</A></LI> 
  <LI><A title="Ir a enlace1"  
  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace122</A></LI> 
  <LI><A title="Ir a enlace1"  
  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace123</A></LI> 
  <LI><A title="Ir a enlace1"  
  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace124</A></LI></UL></DIV> 
<DIV id=enu2 onmouseover="muestra('enu2');" onmouseout="ocultar('enu2');"> 

<UL> 
  <LI><A title="Ir a enlace1"  
  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace21</A></LI> 
  <LI><A title="Ir a enlace1"  
  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace22</A></LI> 
  <LI><A title="Ir a enlace1"  
  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace23</A></LI> 
  <LI><A title="Ir a enlace1"  
  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace24</A></LI></UL></DIV> 
<DIV id=enu3 onmouseover="muestra('enu3');" onmouseout="ocultar('enu3');"> 
<UL> 
  <LI><A title="Ir a enlace1"  
  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace31</A></LI> 
  <LI><A title="Ir a enlace1"  
  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace32</A></LI> 
  <LI><A title="Ir a enlace1"  
  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace33</A></LI> 
  <LI><A title="Ir a enlace1"  
  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace34</A></LI></UL></DIV> 

<DIV id=enu4 onmouseover="muestra('enu4');" onmouseout="ocultar('enu4');"> 
<UL> 
  <LI><A title="Ir a enlace1"  
  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace41</A></LI> 
  <LI><A title="Ir a enlace1"  
  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace42</A></LI> 
  <LI><A title="Ir a enlace1"  
  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace43</A></LI> 
  <LI><A title="Ir a enlace1"  
  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace44</A></LI></UL></DIV> 

</DIV> 
</DIV> 
<!--- hasta aqui es el menu --> 

</div> 


<!-- Inicio del Main --> 
<div id="main"> 
    <div id="wrapper_main"> 
        <div id="columna1"> 

        COLUMNA1 
        COLUMNA1 
        COLUMNA1 

        </div> 
        <div id="columna2"> 
        ESTE ES EL LADO DE LA COLUMNA 2 
        ESTE ES EL LADO DE LA COLUMNA 2 
        ESTE ES EL LADO DE LA COLUMNA 2 
        ESTE ES EL LADO DE LA COLUMNA 2 
        </div> 
    </div> 
</div> 

<!-- Inicio del Footer --> 
<div id="footer"> 
&copy; 2009 Sisbusiness.com 
</div> 

</body> 
</html>  [/COLOR]
PHP: 
body { 
    background-color: yellow; 
    Font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
    margin:0; 
    border:0; 
} 
/* Definicion del header */ 
#header { 
    width:100%; 
    height:auto; 
    background-color:red; 
    margin:0; 
    padding: 0; 
    border: 0; 
} 
#wrapper_header { 
    width:100%; 
    height:auto; 
    overflow:hidden; 
    border-bottom: 4px solid black; 
} 
#logo { 
    width:20%; 
    background-color:grey; 
    float:left; 
    margin:0; 
    border:0; 
    padding: 0.5% 0.5% 0.5% 0.5%; 
} 
#banner { 
    width:78%; 
    background-color:white; 
    float:left; 
    margin:0; 
    border:0; 
    padding: 0.5% 0.5% 0.5% 0.5%; 
} 
/* Definicion del menu */ 
#wmenu { 
    width:100%; 

    background-color:white; 
    margin:0; 
    padding: 0; 
    border: 0; 
} 
/******  Codigo del Menu insertado *****/ 
#menu { 
    POSITION: absolute; TEXT-ALIGN: left; WIDTH: 480px; HEIGHT: 200px; 
} 
#menu #principal { 
    TEXT-ALIGN: center 
} 
#menu #principal UL { 
    PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 480px; PADDING-RIGHT: 0px; PADDING-TOP: 0px 
} 
#menu #principal UL LI A:hover { 
    BACKGROUND: #fc0; COLOR: #fff 
} 
#menu #principal UL LI { 
    FLOAT: left 
} 
#menu UL { 
    PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100px; PADDING-RIGHT: 0px; BACKGROUND: #ff9; PADDING-TOP: 0px 
} 
#menu UL LI A { 
    TEXT-ALIGN: center; PADDING-BOTTOM: 4px; WIDTH: 100px; DISPLAY: block; FONT-FAMILY: "trebuchet ms", arial, verdana, helvetica; BACKGROUND: #ff9; COLOR: #000; MARGIN-LEFT: 0px; FONT-SIZE: 12px; MARGIN-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 4px 
} 
#menu UL LI A:hover { 
    BACKGROUND: #fc0; COLOR: #fff 
} 
#enu1 { 
    POSITION: absolute; WIDTH: 120px; VISIBILITY: hidden; TOP: 26px; LEFT: 0px 
} 
#ubmenu1 { 
    POSITION: absolute; WIDTH: 120px; VISIBILITY: hidden; TOP: 52px; LEFT: 100px 
} 

#enu2 { 
    POSITION: absolute; WIDTH: 120px; VISIBILITY: hidden; TOP: 26px; LEFT: 100px 
} 
#enu3 { 
    POSITION: absolute; WIDTH: 120px; VISIBILITY: hidden; TOP: 26px; LEFT: 200px 
} 
#enu4 { 
    POSITION: absolute; WIDTH: 120px; VISIBILITY: hidden; TOP: 26px; LEFT: 300px 
} 
/* hasta aqui es el menu*/ 


/* Definicion del main */ 
#main { 
    width:100%; 
    height:auto; 
    background-color:brown; 
    margin:0; 
    padding: 0; 
    border: 0; 
} 
#wrapper_main { 
    width:100%; 
    height:auto; 
    overflow:hidden; 
    margin:0; 
    padding: 0; 
    border: 0; 
} 
#columna1 { 
    width:10%; 
    background-color:orange; 
    float:left; 
    margin:0; 
    border:0; 
    padding: 0.5% 0.5% 0.5% 0.5%; 
} 
#columna2 { 
    width:88%; 
    background-color:yellow; 
    float:left; 
    margin:0; 
    border:0; 
    padding: 0.5% 0.5% 0.5% 0.5%; 
} 
/* Definicion del footer */ 
#footer { 
    width:100%; 
    height:auto; 
    background-color:#D8D8D8; 
    margin:0; 
    padding: 0; 
    border: 0; 
    text-align: right; 
}
 
la verdad no se mucho del tema... pero me imagino q el error está en el php ... veo q la parte del menu tiene medidas exactas y la del main esta auto y 100% ... deberias, creo yo (en mi medio-ignorante opinion), ponerle medidas exactas al main y mirar si por ahi va la cosa...

...esta plantilla ya la tienes montada en la web?, deberias subir la direccion para mirar mejor el problema
 
jfatuesta dijo:
la verdad no se mucho del tema... pero me imagino q el error está en el php ... veo q la parte del menu tiene medidas exactas y la del main esta auto y 100% ... deberias, creo yo (en mi medio-ignorante opinion), ponerle medidas exactas al main y mirar si por ahi va la cosa...

...esta plantilla ya la tienes montada en la web?, deberias subir la direccion para mirar mejor el problema
Haz clic para expandir...

No lo tengo en la web.
Pero si queires verlo funcionar copiate los codigos y ejecutalo.
Lo del auto es porque quiero que el ancho sea según el monitor que se utilice. y el menú, bueno, el menú ya vino así, pero en css la posición absoluta se adapta dentro del marco que lo contiene. Cierto?
 
Bueno, viendo el código estas utilizando un script para el menu, pero no se si sera jQuery o prototype con scriptaculous, pega el contenido del script para ver completo el funcionamiento del menu y poder ayudarte mejor.... aunque de por si parece ser un juego de posiciones con los div's.
 
Ok, leyendo mejor la cosa me di cuenta de algo, no esta nada bien hacer esto id=mi id....

Deberia ser id="mi id"...

También recuerda revisar que cierras correctamente todas las llaves, comillas y contenedores en tu CSS y HTML. Para que se vea bien debes aplicar un pequeño margen al menú en el CSS, de esta forma se verá bien el contenido....

El CSS:
Código: 
body { 
    background-color: yellow; 
    Font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
    margin:0; 
    border:0; 
} 
/* Definicion del header */ 
#header { 
    width:100%; 
    height:auto; 
    background-color:red; 
    margin:0; 
    padding: 0; 
    border: 0; 
} 
#wrapper_header { 
    width:100%; 
    height:auto; 
    overflow:hidden; 
    border-bottom: 4px solid black; 
} 
#logo { 
    width:20%; 
    background-color:grey; 
    float:left; 
    margin:0; 
    border:0; 
    padding: 0.5% 0.5% 0.5% 0.5%; 
} 
#banner { 
    width:78%; 
    background-color:white; 
    float:left; 
    margin:0; 
    border:0; 
    padding: 0.5% 0.5% 0.5% 0.5%; 
} 
/* Definicion del menu */ 
#wmenu { 
    width:100%; 

    background-color:white; 
    margin:0; 
    margin: 0 0 25px; 
    border: 0; 
} 
/******  Codigo del Menu insertado *****/ 
#menu { 
    POSITION: absolute; TEXT-ALIGN: left; WIDTH: 480px; HEIGHT: 200px; 
} 
#menu #principal { 
    TEXT-ALIGN: center 
} 
#menu #principal UL { 
    PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 480px; PADDING-RIGHT: 0px; PADDING-TOP: 0px 
} 
#menu #principal UL LI A:hover { 
    BACKGROUND: #fc0; COLOR: #fff 
} 
#menu #principal UL LI { 
    FLOAT: left 
} 
#menu UL { 
    PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100px; PADDING-RIGHT: 0px; BACKGROUND: #ff9; PADDING-TOP: 0px 
} 
#menu UL LI A { 
    TEXT-ALIGN: center; PADDING-BOTTOM: 4px; WIDTH: 100px; DISPLAY: block; FONT-FAMILY: "trebuchet ms", arial, verdana, helvetica; BACKGROUND: #ff9; COLOR: #000; MARGIN-LEFT: 0px; FONT-SIZE: 12px; MARGIN-RIGHT: 0px; TEXT-DECORATION: none; PADDING-TOP: 4px 
} 
#menu UL LI A:hover { 
    BACKGROUND: #fc0; COLOR: #fff 
} 
#enu1 { 
    POSITION: absolute; WIDTH: 120px; VISIBILITY: hidden; TOP: 26px; LEFT: 0px 
} 
#ubmenu1 { 
    POSITION: absolute; WIDTH: 120px; VISIBILITY: hidden; TOP: 52px; LEFT: 100px 
} 

#enu2 { 
    POSITION: absolute; WIDTH: 120px; VISIBILITY: hidden; TOP: 26px; LEFT: 100px 
} 
#enu3 { 
    POSITION: absolute; WIDTH: 120px; VISIBILITY: hidden; TOP: 26px; LEFT: 200px 
} 
#enu4 { 
    POSITION: absolute; WIDTH: 120px; VISIBILITY: hidden; TOP: 26px; LEFT: 300px 
} 
/* hasta aqui es el menu*/ 


/* Definicion del main */ 
#main { 
    width:100%; 
    height:auto; 
    background-color:brown; 
    margin:0; 
    padding: 0; 
    border: 0; 
} 
#wrapper_main { 
    width:100%; 
    height:auto; 
    overflow:hidden; 
    margin:0; 
    padding: 0; 
    border: 0; 
} 
#columna1 { 
    width:10%; 
    background-color:orange; 
    float:left; 
    margin:0; 
    border:0; 
    padding: 0.5% 0.5% 0.5% 0.5%; 
} 
#columna2 { 
    width:88%; 
    background-color:yellow; 
    float:left; 
    margin:0; 
    border:0; 
    padding: 0.5% 0.5% 0.5% 0.5%; 
} 
/* Definicion del footer */ 
#footer { 
    width:100%; 
    height:auto; 
    background-color:#D8D8D8; 
    margin:0; 
    padding: 0; 
    border: 0; 
    text-align: right;
}

El HTML:
PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Maquetando CSS</title>
<link href="css_maestro_menuX.css" rel="stylesheet" type="text/css">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<SCRIPT type="text/javascript" src="javas.js"></SCRIPT>
</head>

<!-- Inicio del Header -->
<div id="header">
    <div id="wrapper_header">
        <div id="logo">
     <img src="logo.png" width="100%" alt="Empresa">
        </div>
        <div id="banner">
AQUI VA EL BANNER
        </div>
    </div>
</div>

<!-- Inicio del Menu -->
<div id="wmenu">

<!-- Desde aqui es el menu que inserte  -->

<DIV id="menu">
	<DIV id="principal">
		<UL>
		  <LI><A onmouseover="muestra('enu1');" title="ir a enlace1"
		  onmouseout="ocultar('enu1');"
		  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">OPCION 1</A></LI>
		  <LI><A onmouseover="muestra('enu2');" title="ir a enlace2"
		  onmouseout="ocultar('enu2');"
		  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">OPCION 2</A></LI>
		  <LI><A onmouseover="muestra('enu3');" title="ir a enlace3"
		  onmouseout="ocultar('enu3');"
		  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">SELECCION 3</A></LI>
		  <LI><A onmouseover="muestra('enu4');" title="ir a enlace4"
		  onmouseout="ocultar('enu4');"
		  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">SELECCION 4</A></LI>
		</UL>
	</DIV>

	<DIV id="enu1" onmouseover="muestra('enu1');" onmouseout="ocultar('enu1');">
		<UL>
		  <LI><A title="Ir a enlace1"
		  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace11</A></LI>
		  <LI><A onmouseover="muestra('ubmenu1')" title="Ir a enlace1"
		  onmouseout="ocultar('ubmenu1');"
		  href="http://www.yahoo.com">Enlace12&gt;&gt;</A></LI>
		  <LI><A title="Ir a enlace1"
		  href="http://www.google.com.pe">Enlace13</A></LI>
		  <LI><A title="Ir a enlace1"
		  href="http://www.yahoo.com">Enlace14</A></LI>
		</UL>
	</DIV>

	<DIV id="ubmenu1" onmouseover="muestra('ubmenu1');muestra('enu1');"
	onmouseout="ocultar('ubmenu1');ocultar('enu1');">
		<UL>
		  <LI><A title="Ir a enlace1"
		  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace121</A></LI>
		  <LI><A title="Ir a enlace1"
		  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace122</A></LI>
		  <LI><A title="Ir a enlace1"
		  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace123</A></LI>
		  <LI><A title="Ir a enlace1"
		  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace124</A></LI>
		</UL>
	</DIV>

	<DIV id="enu2" onmouseover="muestra('enu2');" onmouseout="ocultar('enu2');">
		<UL>
		  <LI><A title="Ir a enlace1"
		  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace21</A></LI>
		  <LI><A title="Ir a enlace1"
		  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace22</A></LI>
		  <LI><A title="Ir a enlace1"
		  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace23</A></LI>
		  <LI><A title="Ir a enlace1"
		  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace24</A></LI>
		</UL>
	</DIV>

	<DIV id="enu3" onmouseover="muestra('enu3');" onmouseout="ocultar('enu3');">
		<UL>
		  <LI><A title="Ir a enlace1"
		  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace31</A></LI>
		  <LI><A title="Ir a enlace1"
		  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace32</A></LI>
		  <LI><A title="Ir a enlace1"
		  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace33</A></LI>
		  <LI><A title="Ir a enlace1"
		  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace34</A></LI>
		</UL>
	</DIV>

	<DIV id="enu4" onmouseover="muestra('enu4');" onmouseout="ocultar('enu4');">
		<UL>
		  <LI><A title="Ir a enlace1"
		  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace41</A></LI>
		  <LI><A title="Ir a enlace1"
		  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace42</A></LI>
		  <LI><A title="Ir a enlace1"
		  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace43</A></LI>
		  <LI><A title="Ir a enlace1"
		  href="http://www.grafikas.es/web_apuntes/menus_javascript.htm#noir">Enlace44</A></LI>
		</UL>
	</DIV>
</DIV>
<!--- hasta aqui es el menu -->

</div>


<!-- Inicio del Main -->
<div id="main">
    <div id="wrapper_main">
        <div id="columna1">

        COLUMNA1<br/>
        COLUMNA1<br/>
        COLUMNA1<br/>

        </div>
        <div id="columna2">
        ESTE ES EL LADO DE LA COLUMNA 2<br/>
        ESTE ES EL LADO DE LA COLUMNA 2<br/>
        ESTE ES EL LADO DE LA COLUMNA 2<br/>
        ESTE ES EL LADO DE LA COLUMNA 2<br/>
        </div>
    </div>
</div>

<!-- Inicio del Footer -->
<div id="footer">
&copy; 2009 Sisbusiness.com
</div>

</body>
</html>

Prueba y comenta... Saludos!
 
carlossk8d dijo:
Ok, leyendo mejor la cosa me di cuenta de algo, no esta nada bien hacer esto id=mi id....

Deberia ser id="mi id"...

(...)

<div id="footer">
</body>
</html>[/php]Prueba y comenta... Saludos!
Haz clic para expandir...

Ahora sí se ve bien, una consulta adicional:

Qué significa esto en un .CSS ??

Código: 
#cuerpo>*,
#trabajos>*{
    float:left;
}
 
>* viene siendo como un important, solo que no es para la propiedad en si, sino a la definición de la clase completa, pero eso fue sustituido por solo el *, por ejemplo:

body*{ width: auto }

Con esto le das prioridad a la clase completa del body, espero haberme explicado
smiley - cool.gif
... Saludos
 

Los últimos mensajes

Los últimos temas

Arriba Pie
Atrás