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