Jump to content

Creando Pg Dreamweaver


sugar697
 Share

Recommended Posts

Hola a todos.

Tengo un contenido web que estoy empezando a crear.

Consta de:

<div id="contenedor">

<div id="cabecera"> Aquí dentro esta el logotipo y el menú que consta de | inicio | Cv | Trabajos | | Contacto </div>

<div class="contCuerpo" id="contCuerpo">

que contiene :

 

un div para mas adelante poner un pase de diapositivas

<div id="contSlider"></div>

 

un div donde va el anagrama

<div id="AnagramaBienvenida""></div>

 

un div donde va Bienvenida

<div id="Biemvenida">

 

</div>

</div>

 

todo va bien hasta que hago la siguiente página la de curriculum.

Para esto hice una plantilla de la primer y deje como region editable el <div class="contCuerpo" id="contCuerpo">

 

Guardo la plantilla y creo un documento nuevo desde plantilla y lo guardo.

 

Dentro del div “contCuerpo” creo un div para separar la cabecera del cuerpo y lo llamo

<div class="FranjaCurriculum" id="FranjasColor"></div>

 

Luego creo otro div para colocar dentro una tablas

<div id="contTabla">

 

y detro de esta una tabla de 9 filas y 3 columnas

<table width="950" border="0" cellspacing="0" cellpadding="0">

 

al final de l todo lo cierrro con un pié-

 

 

Cual es el problema.

Cuando dentro del div contCuerpo coloco bien una tabla como en este caso o bien un <iframe> si su altura supera los 750 px cuando lo visualizo en firefox y en safari al pinchar en el botón de curriculum, para abrir esa pg estando en la pg de inicio, se ve como se mueve un poco a la izquierda todo el contenido web.

Estuve haciendo pruebas y si pongo menos altura al div contCuerpo por ejemplo 600 px ese efecto no sucede.

Alguien me podría decir algo Gracias.

 

Estuve mirando tambien algun tema relacionado por la web y algo parecido es un tema de al hacer zoom se desplaza el contenedor. es algo parecido ya que probe a disminuir el tamaño en mi navegador y no se aprecia esa diferencia.

estoy un poco liado con esto y quisiera saber cual es la solucion ya que mis css el contenedor principal tiene de alto 100% y el conCuerpo tambien, No se donde esta el problema

 

 

 

 

 

Dejo el código CSS por si alguien me puede ayudar

 

 

 

CSS

 

@charset "UTF-8";

body {

background-color: #DFDFDF;

text-align: center;

margin-top: 0px;

margin-right: auto;

margin-bottom: 0px;

margin-left: auto;

}

 

 

#contenedor {

width: 1000px;

height: 100%;

margin-right: auto;

margin-left: auto;

}

 

------------------------------------------------------

/*Comienzo de Cabecera*/

#cabecera {

height: 187px;

width: 1000px;

float: left;

background-color: #FFF;

}

------------------------------------------------------

#contCuerpo{

width: 1000px;

height: 100%;

background-color: #FFF;

float: left;

}

 

 

*pongo esta clase solo para la pg de inicio las demas g se las quito*/

.contCuerpo{

background-image: url(../img/Inicio/inicio_r5_c1.gif);

background-repeat: repeat-x;

background-position: 0px 100%;

}

 

 

 

 

*contenedor Slider q mas adelante colocare un pase de diapositivas*/

#contSlider {

background-color: #333;

height: 350px;

width: 830px;

margin-right: auto;

margin-left: auto;

z-index: 10;

}

/*id para el anagrama SG encima de Bienvenida*/

#AnagramaBienvenida{

height: 33px;

width: 1000px;

text-align: center;

padding-top: 30px;

}

 

/*contenedor bienvenida y texto descriptivo*/

#Biemvenida{

height: 160px;

width: 1000px;

font-family: Verdana, Geneva, sans-serif;

color: #FFF;

text-align: center;

padding-top: 20px;

}

 

 

------------------------------------------------------

 

Franja roja que separa la cabecera del cuerpo

#FranjasColor{

height: 10px;

width: 100%;

float: left;

}

 

.FranjaCurriculum {

background-color: #F00;

}

.FranjaBook {

background-color: #FFD000;

}

.FranjaContacto {

background-color: #0066FF;

}

 

------------------------------------------------------

 

 

Comienzo pg curriculum

 

#contTabla{

height: 750px;

width: 1000px;

margin-top: 0px;

margin-bottom: 0px;

float: left;

 

}

 

 

 

table {

font-family: Arial, Helvetica, sans-serif;

font-size: 14px;

color: #666;

height: 100%;

margin-top: 0px;

margin-right: auto;

margin-left: auto;

padding: 0px;

margin-bottom: 10px;

}

#table, h1{

color: #FFF;

text-align: center;

}

.h1ExperienciaLaboral {

color: #333;

}

#table, th, td{

height: auto;

margin-top: 0px;

vertical-align: top;

}

-------------------------------------------------------

 

 

#pie{

background-color: #333;

height: 15px;

width: 1000px;

margin-top: 10px;

float: left;

}

Edited by sugar697
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.