Foros del Web » Creando para Internet » HTML »

Problema con celda que se corre..

Estas en el tema de Problema con celda que se corre.. en el foro de HTML en Foros del Web. Tengo una pagina, la cual tiene un header que tiene dos celdas. La segunda celda tiene una imagen gris de background y de contenido un ...
  #1 (permalink)  
Antiguo 04/01/2006, 15:47
Avatar de pulento  
Fecha de Ingreso: noviembre-2002
Ubicación: En un pequeño, helado, obscuro reino... llamado Dinamarca.
Mensajes: 1.852
Antigüedad: 23 años, 10 meses
Puntos: 1
Problema con celda que se corre..

Tengo una pagina, la cual tiene un header que tiene dos celdas. La segunda celda tiene una imagen gris de background y de contenido un texto corto, que funciona como titulo.
El problema es que se me sale para el lado .. ver el link

http://www.pulento.frac.dk/kontakt.htm

Esta celda esta definida en un css aparte que yo no hice y como al css le pqgo poco... pues no se como arreglarlo. Se decuadro cuando le saque otras celdas de mas abajo para adaptarlo a este formato.

Aqui el code que uso en el css:

Código PHP:
/* hoved div til alt indhold */
#main {
    
background-image: url(../images/bgparts/whitemain.gif); 
    
background-repeat:no-repeat;      
    
width: 770px; 
    
height: 460px; 
    
padding-left: 1px;             
    
/*margin: 5% auto; */
    /* vertikal positionering for at sider ikke skal hoppe når der scrolles (fx. oversigt.htm)*/        
    
position: relative; 
    
top: 10%; /*virker ikke i FF */    
    
margin: 0 auto;   
        
}



/* indstiller brødtekstområde horisontalt */
#imagecell img {
        
margin-right:3px; 
        
/*width: 396px;         
        height:298px; */
}

/* til scroll i brødtekstområde. Størrelse matcher baggrundsbillede */
div.scrollcontainer {
    
position: relative; 
    
left: -2px;  
    
top: -2px;     
    
height:302px;
    
width:204px;     
    
overflow:auto;
    
padding-right: 5px;         
    
margin-right: 5px;     
}

/* skubbe scroll indhold fra scroll bar. Padding for scrollindhold sættes  */
div.scroll {
    
margin:0;  
    
padding-top: 6px; 
}


#maintable {
    
margin: 2px 0px 0 2px; 
}

/*fælles overskrifte*/
    
h1, h2, h3{
    
font-family: "Times New Roman", Times, serif; 
    
color:#FFFFFF; 
    
text-align: center; 
    
font-weight: normal; 
}
    
/*header-text*/    
h1 {
    
font-size: 36px; 
}    
/*positionering*/ 
#header h1 {
    
margin:0% 5%;
}
/*end headertext*/
    
p, li, a, h4, span {
    
font-family: Verdana, Arial, Helvetica, sans-serif; 
    
font-size: 11px; 
    
color: #000000;     
}


/*al brødtekst i hvidt felt*/
#white p, h4 {
    
padding: 4px 10px; 
    
margin: 1px 0px;
}

h4 {
    
font-weight: bold; 
}

/****************************************************************/
/*
#menu {
    background-image: url(../images/bgparts/grey2.gif); 
    background-repeat:no-repeat;  
    padding:0 0 0 10px; 
    margin: 0; 
    // finjustering af hele menuen
    position: relative; 
    top: -1px; 
    
        
} */

/***********************min********************************/
.menuStyle {
    
font-family: Arial, Helvetica, sans-serif;
    
font-size: 12px;
    
color: #FFFFFF;
}
.
menuStyle:link {
    
color: #FFFFFF;
}
.
menuStyle:visited {
    
color: #FFFFFF;
}
.
menuStyle:hover {
    
color: #FFFFFF;
}
.
menuStyle:active {
    
color: #FFFFFF;
}

/*********************************************************************/


#blue {
    
background-image: url(../images/logonew.gif); 
    
background-repeat:no-repeat;  
    
height: 84px;     
    
width: 142px; 
    
margin: 0; 
    
padding: 0; 
    
}
#header {
    
background-image: url(../images/bgparts/grey.gif); 
    
background-repeat:no-repeat;
    
margin: 10px;
    
padding: 0;
    
padding-left: 20px;
}

#footer {
    
background-image: url(../images/bgparts/bluestor.gif); 
    
background-repeat:no-repeat;  
    
height: 60px; 
    
/*margin-top: 100px; */
    
margin: 0; 
    
padding: 0; 
    
/* justere blå grafik op*/
    
position: relative; 
    
/*top: -2px;*/
    
top: 3px;
}
#mainMenu {
    
background-image: url(../images/greyMenu.gif);
    
background-repeat:no-repeat;
    
height: 30px;
    
/*margin-top: 100px; */
    
margin: 0;
    
padding: 0;
    
/* justere blå grafik op*/
    
position: relative;
    
top: -2px;
}


#white {
    
background-image: url(../images/bgparts/white.gif); 
    
background-repeat:no-repeat;  
    
height: 300px; 
    
padding: 1px 0 2px 4px; 
    
margin:0; 
    
margin-left:12px;     
}



/*styre højrespace til kanten*/

/*
#white, #header, #footer {    
    margin-right: 0; 
}
*/

/* vi prøver at lave fælles venstremargen */
#blue, #menu, #footer {
    
margin-left: 6px; 
}

/*footer indhold*/
#footerleft {
    
text-align: left; 
    
display: inline; 
    
padding-left: 24px;
}
#footerright {
    
margin-left:47%;
    
display: inline; 
    
color: #FFFFFF;     
}

/* h2 bruges kun i footer*/
#footerright a:link, #footerright a:hover, #footerright a:visited, h2 
{
    
font-family: "Times New Roman", Times, serif; 
    
color:#FFFFFF; 
    
text-align: center; 
    
font-size: 18px; 
    
padding-right: 10px; 
    
text-decoration: none; 
}
/* end footer indhold */


/* table styles*/ 
td {    
    
margin:0; 
    
padding:0;
}


/***left-menu ***/
#menutabel {
    
margin-top:15px; 
    
padding:0px; 
    
margin-bottom: 10px; 
    
padding: 0;     
}

/* positionering af forsidelinks */
#forsidelinkA {
    
position: relative; 
    
top: 174px;    
}
/* alle ejendomssider*/
#forsidelinkB {
    
position: relative; 
    
top: 119px;    
}

/*spacer til at bundaligne forside link bruges kun i tabelløsning*/
#blankmenu     {
    
width: 2px; 
    
height: 26px;
}

#menu ul {
    
margin: 20px 0 0 0; 
    
padding:0;     
}

#menu ul li {
    
list-style-type: none; 
    
margin-left:0px; 
    
margin-right: 0px; 
    
margin-top:4px;
    
padding:0;  

}

/* links i menu */ 
#menutabel a:link, ul a:link, #menutabel a:hover, ul a:hover, ul a:visited, #menutabel a:visited, ul li, #forsidelinkB a, #forsidelinkA a, .bold{
    
font-family:Verdana, Arial, Helvetica, sans-serif; 
    
text-decoration: none; 
    
color:#000000;
    
font-size:11px; 
    
margin:0px; 
}
/* for selected bold */
.bold {
    
font-weight: bold; 
    
font-size: 11px; 
}

/*
#billedviser span.bold {
    
}
*/
/*** end menu ***/

.underline {
    
text-decoration: underline;
}

/* alle links */
#menutabel a:hover, #footer a:hover, #forsidelinkB a:hover, #forsidelinkA a:hover, ul a:hover{
    
text-decoration: underline;
}
/*links i billedviser span */ 
#billedviser a {
    /*margin: 0 2px; 
    padding:0; */

}

#logolink {
    
display: inline; 
    
margin: 0;
    
padding: 0; 
} 

Los comentarios estan en danes ..sorry..
Pero podrian decirme cual linea cambiar para arreglar el problema.

Salu2
  #2 (permalink)  
Antiguo 05/01/2006, 12:22
Avatar de ludovico2000  
Fecha de Ingreso: noviembre-2003
Ubicación: Bizkaia
Mensajes: 1.315
Antigüedad: 22 años, 10 meses
Puntos: 2
No creo que sea cosa de CSS:

En el código de la pág, quita lo que está en rojo:

...
<body>

<div id="main">
<table border="0" id="maintable">
<tr>
<td width="143" id="blue">
<a href="oversigt.htm" id="logolink"><img src="images/blank.gif" alt="" width="143" height="30" border="0" /></a>
&nbsp;
</td>
<td colspan="2" id="header">
<!-- InstanceBeginEditable name="header" -->
<h1>Kontorlejemål - centralt placeret </h1>
<!-- InstanceEndEditable --></td>
...

Si te fijas, en las siguientes filas la estructura es:

<tr>
<td colspan="2"></td>
<tr>

Con lo que se declaras que tienen de ancho dos columnas, y en esa primera, utilizas una columna para el logo y a la otra le dices que ocupe dos (1+2 no= 2), así que le decimos a la otra que ocupe lo que tiene que ocupar (1+1 sí= 2).

Pruébalo a ver, que yo lo he probado, pero al no tener el css ni nada, lo veo bien, pero no lo puedo garantizar
  #3 (permalink)  
Antiguo 06/01/2006, 02:06
Avatar de pulento  
Fecha de Ingreso: noviembre-2002
Ubicación: En un pequeño, helado, obscuro reino... llamado Dinamarca.
Mensajes: 1.852
Antigüedad: 23 años, 10 meses
Puntos: 1
Gracias ludo, te cuento que se corrio, pero solo pun poco. Creo que esto ya me esta mareando..
Tienes alguna otra propuesta.?

Saludos
  #4 (permalink)  
Antiguo 06/01/2006, 02:42
Avatar de elbar
Colaborador
 
Fecha de Ingreso: enero-2004
Ubicación: Buenos Aires
Mensajes: 1.406
Antigüedad: 22 años, 8 meses
Puntos: 8
Cita:
<TD id=blue width=143><A id=logolink
href="http://www.pulento.frac.dk/oversigt.htm"><IMG height=30 alt=""
src="Niels Baunsøe A-S_archivos/blank.gif" width=143 border=0></A> &nbsp;
</TD>
<TD id=header colSpan=1><!-- InstanceBeginEditable name="header" -->
<H1>Kontorlejemål - centralt placeret
</H1><!-- InstanceEndEditable --></TD></TR>
Lo que te puse en negrita, estaba en dos, colocalo a 1.

Última edición por elbar; 06/01/2006 a las 02:49
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 20:51.