header tag

article{
background: none repeat scroll 0% 0% rgb(235, 232, 217);
margin: 30px;
padding: 20px;
border-radius: 15px 15px 15px 15px;
box-shadow: 0px 0px 10px rgb(98, 153, 150);
}

article header{
background: none repeat scroll 0% 0% red;
padding: 10px;
margin-bottom: 10px;
border-radius: 15px 15px 15px 15px;
}

#dato{
background: #999999;
width:15%;
border-radius: 15px 15px 15px 15px;
}

#headertext{
width:70%;
border-radius: 15px 15px 15px 15px;
}

#headerbutton{
width:15%;
border-radius: 15px 15px 15px 15px;
}

float: left i dine div'er:

#dato{
background: #999999;
width:15%;
border-radius: 15px 15px 15px 15px;
float: left;
}
...

Oki. Hvorfor er paddingen i article ikke ens rundt om headeren? Det virker i øvrigt som om det er padding som afgøre højden på article

http://mikbis.dk/

Padding = afstand til kant INDEN i objektet.
Margin = Afstand til kant UDEN for objektet.

padding-top, padding-bottom, padding-left, padding-right
eller
padding: 10px 10px 10px 5px; (med rækkefølgen: top, right, bottom, left)

Har du et bud på hvorfor vertical-align:middle; ikke virker på mine tre divs. Jeg vil gerne have teksten til at stå i midten

Du kan lave et lille work around med line-height.

line-height: 20px; //højden på din div

Hmmmm. Det er vist lidt et hack. Det ville jeg jo gerne undgå.

Er det forkert at jeg har defineret bredden på mine tre divs relativt i forhold til header. (15%, 70%, 15%). Det giver mig i hvert tilfælde et problem når jeg vil have padding i divs :-)

<ole>

float:left|right er beregnet til at lave tekstomløb omkring f.eks. et billede.

display:inline-block er beregnet til at lægge block elementer ved siden af hinanden.

Derudover er michael_stims forslag ikke et hack. Det er en fornuftig løsning på et 'ufornuftigt' krav  *o)

HTML/CSS har aldrig rummet mulighed for vertical centrering i andet end tabelceller. Defor er man nødt til at 'hacke' sig ud af den slags krav.

Om det er forkert at sætte bredderne til de viste værdier, kommer an på, hvad det præcist er, du vil. Og så kommer det - som du lige har fundet ud af - an på, om HTML/CSS er indrettet til at skulle kunne løse dine ønsker  =)

/mvh
</bole>

Tak for input. Jeg har rettet mine divs til display:inline-block. Nu forstår jeg så bare ikke hvorfor der er et lille mellemrum imellem dem?

mikbis.dk

Først må du nok fortælle, hvad begrundelsen er for at bruge block elementer (DIV) i stedet for inline elementer (f.eks. SPAN), når du ønsker, de på alle måder skal opføre sig som inline elementer?

Det er fordi jeg så tilsyneladende ikke kan styre brede og højde

Jeg har rettet det til spans nu også kan jeg som sagt ikke styre højde og brede.

Prøv at uploade et billede af, hvad det er, du ønsker

Det jeg egenlig ville var at lære at bruge article tagget. I headeren ville jeg så have tre elementer som skal ligge ved siden af hinanden.

Jamen så bruger du bare SPAN

Hvordan definere jeg en fast højde og brede på et span? 

mikbis.dk

Jeg fatter ikke hvor mellemrummet imellem de tre spans kommer fra?

Du kan ikke sætte en højde på et SPAN.

Det er helt naturligt, der kommer mellemrum mellem dine SPAN, hvis du skriver dem på hver sin linje i koden. Ellers ville browseren ikke overholde standarden.

Kan jeg få 2 tallet til at stå over feb?

#15

Jeg vil sådan set gerne have det som det er lige på nær at jeg gerne vil have 2 tallet til at stå over feb hvor de to ting er centreret i date feltet.

Jeg vil sådan set gerne have det som det er lige på nær at jeg gerne vil have 2 tallet til at stå oven på feb hvor de to ting er centreret i date feltet.

Tak for hjælpen. Er I søde at lægge nogle svar så jeg kan lukke?

Ellers tak, jeg samler ikke point - men du kan spørge Michael  =)

Har du et bud på hvordan jeg løser mit problem?

Ja: Tænk dig om!

Lukker og slukker