Hola buenas, nuevamente recurro a este foro , ha ver si hay suerte :)
bueno, de vez en cuando, hago themes para un cms llamado dedalus, y hasta ahora, he aprendido a hacerlos con tablas.
me he encabezo-nado en hacer mi siguiente theme solamente usando divs y css, y como era logico, voy a tener muchos problemas, por que no es lo mio, pero weno, con paciencia y tiempo, espero conseguirlo.
la cosa, es que tengo este theme en localhost, y no tengo una URL donde podais ver el error en directo,,,,, no se si me podreis ayudar.
a lo que voy, el dedalus, basa la estructura de la index, en una PLantilla.html y en esta plantilla, he metido mi codigo en divs de lo que es el header.
Luego, en otro archivos llamado theme.css meto los codigos para que todo encaje bien.
la cuestion es que consigo que este header, se visualice bien en el theme, pero lo que pasa, es que el header se sale del cuerpo y se va totalmente a la izquerida,,, y lo que es el cuerpo, sube y queda por debajo del header escondido.
pongo esta captura para que lo veais bien.
la estructura HTML de los divs, es esta,, es muy normal, no tiene nada especial.
Código HTML:
<div id="Tacha_01">
<div id="header-01">
<div align="center"><img src="./themes/$mostrar[theme]/images_header/header_01.png" width="17" height="258" alt="">
</div>
</div>
<div id="header-02">
<img src="./themes/$mostrar[theme]/images_header/header_02.png" width="47" height="50" alt="">
</div>
<div id="header-03">
<img src="./themes/$mostrar[theme]/images_header/header_03.png" width="29" height="20" alt="">
</div>
<div id="header-04">
<img src="./themes/$mostrar[theme]/images_header/header_04.png" width="20" height="50" alt="">
</div>
<div id="header-05">
<img src="./themes/$mostrar[theme]/images_header/header_05.png" width="872" height="7" alt="">
</div>
<div id="header-06">
<img src="./themes/$mostrar[theme]/images_header/header_06.png" width="9" height="258" alt="">
</div>
<div id="header-07">
<img src="./themes/$mostrar[theme]/images_header/header_07.png" width="872" height="24" alt="">
</div>
<div id="header-08">
<img src="./themes/$mostrar[theme]/images_header/header_08.png" width="29" height="30" alt="">
</div>
<div id="header-09">
<img src="./themes/$mostrar[theme]/images_header/header_09.png" width="45" height="163" alt="">
</div>
<div id="header-10">
<img src="./themes/$mostrar[theme]/images_header/header_10.png" width="66" height="227" alt="">
</div>
<div id="header-11">
<img src="./themes/$mostrar[theme]/images_header/header_11.png" width="186" height="39" alt="">
</div>
<div id="header-12">
<img src="./themes/$mostrar[theme]/images_header/header_12.png" width="12" height="41" alt="">
</div>
<div id="header-13">
<img src="./themes/$mostrar[theme]/images_header/header_13.png" width="563" height="7" alt="">
</div>
<div id="header-14">
<img src="./themes/$mostrar[theme]/images_header/header_14.png" width="563" height="162" alt="">
</div>
<div id="header-15">
<img src="./themes/$mostrar[theme]/images_header/header_15.png" width="96" height="33" alt="">
</div>
<div id="header-16">
<img src="./themes/$mostrar[theme]/images_header/header_16.png" width="25" height="106" alt="">
</div>
<div id="header-17">
<img src="./themes/$mostrar[theme]/images_header/header_17.png" width="161" height="106" alt="">
</div>
<div id="header-18">
<img src="./themes/$mostrar[theme]/images_header/header_18.png" width="12" height="104" alt="">
</div>
<div id="header-19">
<img src="./themes/$mostrar[theme]/images_header/header_19.png" width="53" height="111" alt="">
</div>
<div id="header-20">
<img src="./themes/$mostrar[theme]/images_header/header_20.png" width="17" height="19" alt="">
</div>
<div id="header-21">
<img src="./themes/$mostrar[theme]/images_header/header_21.png" width="26" height="111" alt="">
</div>
<div id="header-22">
<img src="./themes/$mostrar[theme]/images_header/header_22.png" width="17" height="12" alt="">
</div>
<div id="header-23">
<img src="./themes/$mostrar[theme]/images_header/header_23.png" width="17" height="17" alt="">
</div>
<div id="header-24">
<img src="./themes/$mostrar[theme]/images_header/header_24.png" width="17" height="13" alt="">
</div>
<div id="header-25">
<img src="./themes/$mostrar[theme]/images_header/header_25.png" width="17" height="16" alt="">
</div>
<div id="header-26">
<img src="./themes/$mostrar[theme]/images_header/header_26.png" width="17" height="34" alt="">
</div>
<div id="header-27">
<img src="./themes/$mostrar[theme]/images_header/header_27.png" width="198" height="24" alt="">
</div>
<div id="header-28">
<img src="./themes/$mostrar[theme]/images_header/header_28.png" width="122" height="56" alt="">
</div>
<div id="header-29">
<img src="./themes/$mostrar[theme]/images_header/header_29.png" width="19" height="64" alt="">
</div>
<div id="header-30">
<img src="./themes/$mostrar[theme]/images_header/header_30.png" width="8" height="58" alt="">
</div>
<div id="header-31">
<img src="./themes/$mostrar[theme]/images_header/header_31.png" width="736" height="5" alt="">
</div>
<div id="header-32">
<img src="./themes/$mostrar[theme]/images_header/header_32.png" width="17" height="58" alt="">
</div>
<div id="header-33">
<img src="./themes/$mostrar[theme]/images_header/header_33.png" width="101" height="34" alt="">
</div>
<div id="header-34">
<img src="./themes/$mostrar[theme]/images_header/header_34.png" width="5" height="34" alt="">
</div>
<div id="header-35">
<img src="./themes/$mostrar[theme]/images_header/header_35.png" width="101" height="34" alt="">
</div>
<div id="header-36">
<img src="./themes/$mostrar[theme]/images_header/header_36.png" width="5" height="34" alt="">
</div>
<div id="header-37">
<img src="./themes/$mostrar[theme]/images_header/header_37.png" width="101" height="34" alt="">
</div>
<div id="header-38">
<img src="./themes/$mostrar[theme]/images_header/header_38.png" width="5" height="34" alt="">
</div>
<div id="header-39">
<img src="./themes/$mostrar[theme]/images_header/header_39.png" width="101" height="34" alt="">
</div>
<div id="header-40">
<img src="./themes/$mostrar[theme]/images_header/header_40.png" width="5" height="34" alt="">
</div>
<div id="header-41">
<img src="./themes/$mostrar[theme]/images_header/header_41.png" width="101" height="34" alt="">
</div>
<div id="header-42">
<img src="./themes/$mostrar[theme]/images_header/header_42.png" width="6" height="34" alt="">
</div>
<div id="header-43">
<img src="./themes/$mostrar[theme]/images_header/header_43.png" width="101" height="34" alt="">
</div>
<div id="header-44">
<img src="./themes/$mostrar[theme]/images_header/header_44.png" width="4" height="34" alt="">
</div>
<div id="header-45">
<img src="./themes/$mostrar[theme]/images_header/header_45.png" width="100" height="34" alt="">
</div>
<div id="header-46">
<img src="./themes/$mostrar[theme]/images_header/header_46.png" width="736" height="19" alt="">
</div>
<div id="header-47">
<img src="./themes/$mostrar[theme]/images_header/header_47.png" width="122" height="8" alt="">
</div>
</div>