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: 21 años, 5 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-imageurl(../images/bgparts/whitemain.gif); 
    
background-repeat:no-repeat;      
    
width770px
    
height460px
    
padding-left1px;             
    
/*margin: 5% auto; */
    /* vertikal positionering for at sider ikke skal hoppe når der scrolles (fx. oversigt.htm)*/        
    
positionrelative
    
top10%; /*virker ikke i FF */    
    
margin0 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 {
    
positionrelative
    
left: -2px;  
    
top: -2px;     
    
height:302px;
    
width:204px;     
    
overflow:auto;
    
padding-right5px;         
    
margin-right5px;     
}

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


#maintable {
    
margin2px 0px 0 2px
}

/*fælles overskrifte*/
    
h1h2h3{
    
font-family"Times New Roman"Timesserif
    
color:#FFFFFF; 
    
text-aligncenter
    
font-weightnormal
}
    
/*header-text*/    
h1 {
    
font-size36px
}    
/*positionering*/ 
#header h1 {
    
margin:05%;
}
/*end headertext*/
    
pliah4span {
    
font-familyVerdanaArialHelveticasans-serif
    
font-size11px
    
color#000000;     
}


/*al brødtekst i hvidt felt*/
#white p, h4 {
    
padding4px 10px
    
margin1px 0px;
}

h4 {
    
font-weightbold
}

/****************************************************************/
/*
#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-familyArialHelveticasans-serif;
    
font-size12px;
    
color#FFFFFF;
}
.
menuStyle:link {
    
color#FFFFFF;
}
.
menuStyle:visited {
    
color#FFFFFF;
}
.
menuStyle:hover {
    
color#FFFFFF;
}
.
menuStyle:active {
    
color#FFFFFF;
}

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


#blue {
    
background-imageurl(../images/logonew.gif); 
    
background-repeat:no-repeat;  
    
height84px;     
    
width142px
    
margin0
    
padding0
    
}
#header {
    
background-imageurl(../images/bgparts/grey.gif); 
    
background-repeat:no-repeat;
    
margin10px;
    
padding0;
    
padding-left20px;
}

#footer {
    
background-imageurl(../images/bgparts/bluestor.gif); 
    
background-repeat:no-repeat;  
    
height60px
    
/*margin-top: 100px; */
    
margin0
    
padding0
    
/* justere blå grafik op*/
    
positionrelative
    
/*top: -2px;*/
    
top3px;
}
#mainMenu {
    
background-imageurl(../images/greyMenu.gif);
    
background-repeat:no-repeat;
    
height30px;
    
/*margin-top: 100px; */
    
margin0;
    
padding0;
    
/* justere blå grafik op*/
    
positionrelative;
    
top: -2px;
}


#white {
    
background-imageurl(../images/bgparts/white.gif); 
    
background-repeat:no-repeat;  
    
height300px
    
padding1px 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-left6px
}

/*footer indhold*/
#footerleft {
    
text-alignleft
    
displayinline
    
padding-left24px;
}
#footerright {
    
margin-left:47%;
    
displayinline
    
color#FFFFFF;     
}

/* h2 bruges kun i footer*/
#footerright a:link, #footerright a:hover, #footerright a:visited, h2 
{
    
font-family"Times New Roman"Timesserif
    
color:#FFFFFF; 
    
text-aligncenter
    
font-size18px
    
padding-right10px
    
text-decorationnone
}
/* end footer indhold */


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


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

/* positionering af forsidelinks */
#forsidelinkA {
    
positionrelative
    
top174px;    
}
/* alle ejendomssider*/
#forsidelinkB {
    
positionrelative
    
top119px;    
}

/*spacer til at bundaligne forside link bruges kun i tabelløsning*/
#blankmenu     {
    
width2px
    
height26px;
}

#menu ul {
    
margin20px 0 0 0
    
padding:0;     
}

#menu ul li {
    
list-style-typenone
    
margin-left:0px
    
margin-right0px
    
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:VerdanaArialHelveticasans-serif
    
text-decorationnone
    
color:#000000;
    
font-size:11px
    
margin:0px
}
/* for selected bold */
.bold {
    
font-weightbold
    
font-size11px
}

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

.underline {
    
text-decorationunderline;
}

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

}

#logolink {
    
displayinline
    
margin0;
    
padding0


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: 20 años, 5 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: 21 años, 5 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: 20 años, 2 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 22:49.