Enkelt div vil gerne blive større end angivet med doctype XHTML
Hey :)Jeg er løbet ind i noget irreterende.
Jeg har et simpelt div.
<div id="chatheader" class="chatheader">
blah blah
</div>
Div'et indeholder KUN en linje tekst. Meget kort tekst.
Men alligevel vælger det at fylde ud over kanten af browseren i højre side selvom CSS'en for div'en angiver at den skal være 100%
Her er lige CSS'en for den:
.chatheader
{
width: 100%;
height: 16px;
border-right: black 1px solid;
padding-right: 2px;
border-top: black 1px solid;
padding-left: 2px;
padding-bottom: 2px;
border-left: black 1px solid;
padding-top: 2px;
border-bottom: black 1px solid;
background-color: #4499FF;
}
Det kom så til min opmærksom at det kun er et problem hvis jeg har denne fine linje i dokumentet:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Men jeg vil meget gerne have at min side overholder standarten af andre grunde på siden. Så jeg vil ikke fjerne den.
Nogle der har en løsning på problemet?