This is probably a pretty basic thing....

I'm trying to learn css but I'm having a real battle trying to get my text to stick with the background image when the window is resized - this is my code - can someone tell me what I'm doing wrong?

.text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: italic;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #599191;
text-decoration: none;
text-align: left;
border: thick ridge #AAAFAF;
overflow: auto;
position: absolute;
z-index: 1;
height: auto;
width: auto;
background-attachment: fixed;
background-image: url(../design%20images/kaediem.png);
background-repeat: no-repeat;
background-position: center top;
white-space: normal;
float: left;
margin-top: auto;
margin-left: auto;
clear: left;

There's probably all kinds of stuff that doesn't need to be there but I just keep stabbing at stuff trying to get it to work.

Thanks in advance

Lisa

 

Is the page live somewhere we could look at?

 

thanks, no the page wasn't live anywhere but I think I finally figured that part out. If I run into another problem I'll put the page up live before I ask a question - that would have made sense.

Thanks,

Lisa

 

Just for your information you don't have to set every field to normal value. That's needed only if for example you define all p tags to be bold and after that you want some paragraph which has ID or class not to be bold. So don't do it if you don't need to.