Billede fylder mere end det burde.
Hej eksperter!På siden hansfrederik.dk sker der noget mærkeligt!
Når jeg sætter billedet, der findes i alle td'erne i venstre div til en vis bredde f.eks. 50%, bliver højden også justeret. Det virker yderst underligt. Når jeg bare sætter bredden af billedet lavt nok, f.eks. 30% virker alt som det skal.
CSS er som følger:
/*
Nulstilling af margin og padding.
*/
* {
margin: 0px;
padding: 0px;
}
/*
Indstillinger for body og html.
*/
html {
height: 100%;
min-height: 585px;
min-width: 780px;
}
body {
height: 100%;
background-color: #000000;
overflow: auto;
}
body,td {
font-family: Georgia, Times, serif;
font-size: 100%;
font-weight: normal;
color: #000000;
}
/*
Indstillinger til tables generelt.
*/
table {
border-collapse: collapse;
}
/*
Indstillinger til menutables.
*/
table.leftbar {
width: 100%;
height: 100%;
border: 1px solid #000000;
}
td.lefttd {
width: 100%;
height: 20%;
background-position: 0px 0px;
border: 0px;
}
img.menupic {
width: 50%;
height: 80%;
border: 0px;
margin: 0px;
padding: 0px;
float: left;
}
/*
Opsætning af layout.
*/
.leftbar {
position: static;
float: left;
width: 20%;
height: 80%;
background-color: #0000ff;
border-width: 0px;
border-style: solid;
border-color: #ffffff;
z-index: 1;
}
.main {
position: static;
float: left;
width: 80%;
height: 80%;
background-color: #00ff00;
border: 0px solid #ffffff;
z-index: 1;
}
.bottombar {
position: static;
clear: both;
width: 100%;
height: 20%;
background-color: #ff0000;
border-width: 0px;
border-style: solid;
border-color: #ffffff;
z-index: 1;
}
Hvis man har brug for at se html koden kan dette jo nemt gøres ved at højreklikke og trykke noget i retning af view source (vis kilde).
På forhånd mange tak!
