FN-FORUM: Problem: css divs

date posted 20th January 2008 10:02

Hello

I am basically learning how to use CSS properly, I think I am getting the
principals at least - but I don=B9t understand what is happening here

http://www.johndeaville.co.uk/pho/profile4.html

I have created a div called "title" which is the white are beneath the menu=
,
and if I type within those div tags the white areas height will adjust to
encompass whatever I type

However I have tried to format the text within my stylesheet ("h1") and now
the white does not adjust - even though the text is still within the 'title=
'
tags

Can anyone tell me what I am doing wrong - here are the relevant bits:

HTML:



Profile, Photofixer Photographic Retouching



CSS:

.title {
width: 680px;
margin: 10px;
padding: 10px;
background-color: #FFFFFF;
position: relative;
margin: 0 auto;
}
.h1 {
font-family: Helvetica;
font-size: 18px;
font-weight: 900;
background-image: url(graphics/crosstile.gif);
line-height: 130%;
display: block;
clear: right;
float: right;
height: auto;
width: auto;
margin: 4px;
padding: 4px;
color: #253624;
}




Cheers

I will try other things but any pointers much appreciated

John