Soy diseñador gráfico y nuevo esto de la programación web.
He visto que ayudan mucho en el foro y quería saber me pueden ayudar en un problema que tengo con el interner explorer, el cual es que se me baja todo el contenido principal por que en firefox se me perfecto aqui te dejo el enlace de la web por si m puedes hechar una mano.
//orangedesingestudio.freehostia.com -- le falta el http por k todavia no me dejan poner enlaces para evitar spam.
aki dejo el codigo por si sierve de algo.
PHP DIVS
Código:
y el css
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
</head>
<body>
<!-- Begin Wrapper -->
<div id="wrapper">
<!-- Begin Header -->
<div id="header">
</div>
<!-- End Header -->
<!-- Begin Navigation -->
<div id="navigation">
<jdoc:include type="modules" name="navigation" style="xhtml" />
</div>
<!-- End Navigation -->
<!-- Begin Left Column -->
<div id="leftcolumn">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
<!-- End Left Column -->
<!-- Begin Content Column -->
<div id="rightcolumn">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
<!-- End Content Column -->
<!-- Begin Content Column -->
<div id="user1">
<jdoc:include type="modules" name="user1" style="xhtml" />
</div>
<!-- End Content Column -->
<!-- Begin Content Column -->
<div id="content">
<jdoc:include type="component" />
</div>
<!-- End Content Column -->
<!-- Begin Content Column -->
<div id="user2">
<jdoc:include type="modules" name="user2" style="xhtml" />
</div>
<!-- End Content Column -->
<!-- Begin Footer -->
<div id="footer">
</div>
<!-- End Footer -->
</div>
<!-- End Wrapper -->
</body>
Código:
* { padding: 0; margin: 0; }
body {
background: url('../images/fondo.gif') repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#wrapper {
margin: 0 auto;
width: 1020px;
}
#header {
color: #333;
width: 1000px;
height: 355px;
margin: 30px 0px 0px 0px;
background: url('../images/header.png')
}
#navigation {
width: 1000px;
color: #333;
padding: 5px;
height: 42px;
margin: 0px 0px 0px 0px;
background: url('../images/navigation.png')
}
#leftcolumn {
color: #333;
height: auto;
width: 200px;
padding: 10px;
float: left;
}
* html #leftcolumn {
display:inline;
}
#rightcolumn {
color: #333;
height: auto;
width: 160px;
padding: 10px;
float: right;
}
* html #rightcolumn {
display:inline;
}
#content {
background: url('../images/contenedor.png') repeat-y 100%;
background-position:center 50px 50px;
margin: 0px 0px 0px 0px;
padding: 10px;
height: auto;
width: 1000px;
}
#user1 {
float: left;
color: #333;
background: url('../images/fondogris.gif') repeat-y;
height: auto;
width: 600px;
padding: 10px;
display: inline;
}
* html #user1 {
display:inline;
}
#user2 {
float: right;
color: #333;
background: url('../images/user2.png');
height: 80px;
width: 1000px;
padding: 10px;
display: inline;
}
* html #user2 {
display:inline;
}
#footer {
width: 1000px;
height: 75px;
clear: both;
color: #333;
background: url('../images/footer.png');
margin: 0px 0px 30px 0px;
}
/* Elementos
--------------------------------------------------------- */
a:link {
color: #000;
text-decoration: none;
}
a:visited {
color: #000;
text-decoration: none;
}
a:hover {
color: #000;
}
a img{
border:5px;
}
h1, h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1.3em;
}
h1, h1 a, h1 a:hover, h1 a:visited, .description {
text-decoration: none;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #333;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited{
text-decoration: none;
}
/* Subniveles
--------------------------------------------------------- */
.sublevel{
color:#0F0;
font-size: 50px;
}
/* Modulos
--------------------------------------------------------- */
#izquierda .moduletable_menu{
text-align:left;
margin-bottom:15px;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 1.3em;
font-weight: bold;
}
.moduletable_menu h3{
color:#FFF;
font-size: 15px;
text-indent: 35px;
line-height: -100%;
margin: 0px 0px 0px 0px;
background: url('../images/left.gif');
height: 73px;
width: 180px;
padding:0px;
text-transform:uppercase;
}
.moduletable-meteo h3{
color:#FFF;
font-size: 15px;
text-indent: 35px;
line-height: -100%;
margin: 0px 0px 0px 0px;
background: url('../images/left_2.gif');
height: 73px;
width: 180px;
padding:0px;
text-transform:uppercase;
}
.moduletable-ruta{
margin-left: 55px;
}
/* Contenido
--------------------------------------------------------- */
.contentheading {
font-size:18px;
margin:50px;
color:#333333;
line-height: 20px;
font-weight:bold;
}
.componentheading{
font-size:1.4em;
margin:50px;
color:#777777;
font-weight:bold;
padding-left:10px;
}
.contentpaneopen{
line-height:1.4em;
font-size:13px;
text-align:justify;
padding: 10px 10px 10px 30px;
}
.contentpaneopen img{
padding: 0px 0px;
}
.readon, .readon:hover{
color:#FFF;
font-size:12px;
text-align:left;
background-color: #666;
padding:0px 2px 0px 3px;
}
.contenttoc, .pagenavcounter{
margin-bottom:10px;
}
.pagenav_next .pagenav_prev .back_button{
color:#FFF;
font-size:12px;
text-align:left;
background-color: #666;
}
small , .createdate, .modifydate{
font-family:Arial,Helvetica,Sans-Serif;
font-size: 11px;
line-height:13px;
color:#777777;
}
.banneritem_text, .bannerfooter_text{
padding:5px;
}
Losiento si esta repetido lo he buscado por todos lados y he intentado mil cosas y nada de nada agradedeceria mucho que me ayudaran o creo que dentro de muy poco me rindo.
