Foros del Web » Creando para Internet » CSS »

problema grafico con un tema e107

Estas en el tema de problema grafico con un tema e107 en el foro de CSS en Foros del Web. tengo un problemilla en el header me sale separado y no se porque .he probado todo tipo de configuraciones en el archivo style.php y theme.php ...
  #1 (permalink)  
Antiguo 02/11/2007, 05:46
 
Fecha de Ingreso: agosto-2007
Mensajes: 6
Antigüedad: 16 años, 8 meses
Puntos: 0
problema grafico con un tema e107

tengo un problemilla en el header me sale separado y no se porque .he probado todo tipo de configuraciones en el archivo style.php y theme.php lo podeis ver en www.planetwoow.com en el encabezado grafico se aprecia el problema os dejo el style.php haber si alguien ve el error

body {
background: #ffffff url(images/background.png) no-repeat; text-align: left; margin: 12px;
font: 7pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
margin: 5px;
padding: 5px;
}

/* Header / logo ... */

#container {
width: 95%; /* this will create a container 80% of the browser width */
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
height: 124px;
}

#sidebar1 {
float: left; /* this element must precede in the source order any element you would like it be positioned next to */
width: 192px; /* since this element is floated, a width must be given */
padding: 0; /* top and bottom padding create visual space within this div */
background-image: url(images/logo1.png);
height: 124px;
background-repeat: no-repeat;
background-position: left;
}
#sidebar2 {
float: right; /* this element must precede in the source order any element you would like it be positioned next to */
width: 8px; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 0; /* top and bottom padding create visual space within this div */
background-image: url(images/logo3.png);
background-repeat: no-repeat;
background-position: right;
height: 124px;
}

/* Tips for mainContent:
1. the space between the mainContent and sidebars is created with the left and right margins on the mainContent div.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 300px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/
#mid_bar {
margin: 0 8px 0 8px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
height: 124px;
padding: 0;
background-image: url(images/logo2.png);
background-position: left;
}
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
clear: both;
height: 0;
font-size: 1px;
line-height: 0px;
}

#sitename {
font-family: "Adobe Caslon Pro";
font-size: 36px;
font-style: italic;
font-weight: bold;
font-variant: small-caps;
text-transform: capitalize;
color: #333333;
text-decoration: overline;
float: left;
position: relative;
left: -60px;
top: 10px;
width:auto;
overflow:visible;
}
#sitetag {
font-family: "Adobe Caslon Pro";
font-size: 16px;
font-style: italic;
font-weight: bold;
text-transform: lowercase;
color: #666666;
position: relative;
left: -200px;
top: 50px;
float: left;
width:auto;
overflow:visible;
}
#banner {
vertical-align:middle;
padding:10px 0;
float: right;
overflow:visible;
}

/* end */

/* main layout ... */

#mainbox {
width: 100%;
margin: 0; padding: 0;
}


#leftcontent {
position: absolute;
top: 136px;
left: 51px;
width: 15%;
margin:0; padding:0;
font: 10px verdana, tahoma, arial, helvetica, sans-serif;
}
#rightcontent {
position: absolute;
top: 136px;
right: 51px;
width: 15%;
margin:0; padding:0;
font: 10px verdana, tahoma, arial, helvetica, sans-serif;

}

#centercontent {
font: 9px Verdana, Tahoma, Arial, Helvetica, sans-serif;
margin-left: 20%;
width: 60%;
}
#centercontent2 {
font: 9px Verdana, Tahoma, Arial, Helvetica, sans-serif;
margin-left: auto;
margin-right:auto;
width: 95%;
}

#footer {
text-align: center;

font: 9px tahoma, verdana, arial, helvetica, sans-serif;
color:#5d6e75;
}

.clear {
clear: both;
}







.dcaption {
width: 100%;
}

.dcaption .left { background: url('images/topleft.png') no-repeat; float: left; height: 26px; width: 9px; margin-right: -3px; }
.dcaption .right { background: url('images/topright.png') no-repeat; float: right; height: 26px; width: 9px; margin-left: -3px; }
.dcaption .center {background-image: url('images/top.png'); color: #111; font: 10px Verdana, Tahoma, Arial, Helvetica, sans-serif; height: 26px; line-height: 26px; }

.dbody {
width: 100%;
}

.dbody .leftwrapper {
margin:0; padding:0;
background: url("images/left.png") left repeat-y;
}
.dbody .rightwrapper {
margin:0; padding:0;
background: url("images/right.png") right repeat-y;
}
.dbody .leftcontent {
float:left;
width:9px;
margin:0; padding:0;
}
.dbody .rightcontent {
float:right;
width:9px;
margin:0; padding:0;
}
.dbody .dcenter {
background: #EEE url('images/menubg1.png');
margin: 0 5px;
}
.dbody .dinner {
color: #222;
font: 9px Verdana, Tahoma, Arial, Helvetica, sans-serif;
padding: 4px;
}

.dbottom .left { background: url('images/bottomleft.png') no-repeat; float: left; height: 8px; width: 9px; font-size: 1px; margin-right: -3px;}
.dbottom .right { background: url('images/bottomright.png') no-repeat; float: right; height: 8px; width: 9px; font-size: 1px; margin-left: -3px;}
.dbottom .center {background-image: url('images/bottom.png');height: 8px; font-size: 1px; }

.dntop {
border-bottom: 1px solid #a9a9a9;
width: 99%;
margin-left: auto;
margin-right: auto;
}

/* end */



.tbox.chatbox {
width: 80%;
margin-left: auto;
margin-right: auto;
}


a {
color: #00006e;
font-family: verdana, arial, sans-serif;
text-decoration: none;
}
a:hover {
color: #0099ab;
font-family: verdana, arial, sans-serif;
text-decoration: underline;
}


.smalltext {
font: 9px tahoma, verdana, arial, helvetica, sans-serif;
color:#5d6e75;
}

form {
display: inline;
}
.spacer {
padding: 2px 0 2px 0;
}

#wm {
voice-family: "\"}\"";
voice-family: inherit;
background: #f3eded url(images/wblogo.png) bottom right no-repeat;
border: 1px solid #ede3e3;
padding: 10px 150px 10px 10px;
font: 10px verdana, tahoma, arial, helvetica, sans-serif;
}

.button {
border: #b7b5b5 1px solid;
color: #000;
font: 9px verdana, tahoma, arial, helvetica, sans-serif;
text-align:center;
background-image : url(images/button.png);
}

h1 {
font-size: 1.4em;
font-weight: bold;
margin-top: 0em;
margin-bottom: 0em;
color: #ec5800;
}

h2 {
font-size: 1.2em;
font-weight: bold;
margin-top: 0em;
margin-bottom: 0em;
color: #ec5800;
}

.newstext {
font-size: 10pt;
line-height: 120%;
color: black;
text-align: left;
font: 7pt verdana, tahoma, arial, helvetica, sans-serif;
}

.newheadline {
font-size: 13px;
color: #ec5800;
}

.newsinfo {
font: 9px tahoma, verdana, arial, helvetica, sans-serif;
color:#5d6e75;
}

.newsinfo a {
background: transparent;
color: #5d6e75;
}

.newsinfo a:hover {
color: #ec5800;
text-decoration: underline;
}





#pollquestion {
font: 8pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

.helpbox {
color:#000;
font: 9px tahoma, verdana, arial, helvetica, sans-serif;
border: 0px none red;
background-color: transparent;
}

.nforumholder {
border: 1px solid #345487;
padding: 0px;
background: transparent;
}

.nforumcaption {
background-image: url(images/nforumcaption.png);
padding: 8px 4px 8px 4px;
font: 12px verdana, tahoma, arial, helvetica, sans-serif;
color: #fff;
}

.nforumcaption2 {
background-image: url(images/nforumcaption2.png);
padding: 8px 0px 8px 4px;
font: 10px verdana, tahoma, arial, helvetica, sans-serif;
color: #000;
}

.nforumcaption3 {
border: 1px solid #fff;
padding: 4px;
background-repeat: repeat-x repeat-y; background-image: url(images/menubg.png);
font: 11px verdana, tahoma, arial, helvetica, sans-serif;
}

.nforumthread {
border: 1px solid #fff;
padding: 4px;
background-repeat: repeat-x repeat-y; background-image: url(images/menubg2.png);
font: 10px verdana, tahoma, arial, helvetica, sans-serif;
}

.nforumthread2 {
border: 1px solid #fff;
padding: 4px;
background-color: #D1DCEB;
font: 10px verdana, tahoma, arial, helvetica, sans-serif;
}

.nforumreplycaption {
border: 1px solid #fff;
padding: 4px;
background-repeat: repeat-x repeat-y; background-image: url(images/menubg2.png);
font: 12px verdana, tahoma, arial, helvetica, sans-serif;
}


hay mas pero no creo que sean determinantes y superan el tamaño permitido para el mensaje
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:08.