CSS Help

[Guest Patrokles]

I'm very much a beginner with this, so I hope that I'm about to explain myself properly:

 

I have a CSS design with header, footer, single column, elastic. Basically, I have an image in the main header box, but I want the background of the header box to be entirely transparent. I assume this is very simple to do, I just don't know how. Any help, please?

[Guest Patrokles]

Also, how to make the footer the absolute bottom of the page, so that even if the default background stretches down below it, the page won't display anything below the footer?

[@yourservice 67]

 div.header {
background: url("images/header.jpg") repeat-x 100% 0% transparent;
}

 

 

 

? or maybe

 

#left-sidebar {
background:url(translucentgrey50.png) repeat;
filter: alpha(opacity=50);
}

Edited April 24, 2007 by @yourservice

[Guest Patrokles]

 div.header {
background: url("images/header.jpg") repeat-x 100% 0% transparent;
}

 

 

 

?

 

I'll give that a go once I get back from the pub. Thanks!

[Jimbo 175]

This is worth a look:

 

http://movielibrary.lynda.com/html/modPage.asp?ID=279

 

You can find plenty of links to the full content videos on bitTorrent.

[peasepud 59]

   #footer {
  width: 100%;
  position: absolute;
  bottom: 0 !important;
  bottom: -1px;
  height: whatever;
  }

 

Make sure though that in your container element (ie the parent element containing #footer) you have the following:

 

padding-bottom: whatever;

 

Where in both cases whatever = the height of your footer.

 

 

Oh and the reason theres two bottom: lines in the #footer its there to fix an irritating bug in IE6 which causes there to be a 1 pixel gap at the bottom.

[Guest Patrokles]

   #footer {
  width: 100%;
  position: absolute;
  bottom: 0 !important;
  bottom: -1px;
  height: whatever;
  }

 

Make sure though that in your container element (ie the parent element containing #footer) you have the following:

 

padding-bottom: whatever;

 

Where in both cases whatever = the height of your footer.

 

 

Oh and the reason theres two bottom: lines in the #footer its there to fix an irritating bug in IE6 which causes there to be a 1 pixel gap at the bottom.

 

Ta very much.

[peasepud 59]

 

Ta very much.

 

Everything work ok?

[gram 0]

Thought I'd seen this. I need to get into CSS fairly rapidly. I have no idea how it works or owt else really but I need to know. Any books people have used? A guide for the clueless, slow and easy is what is needed here. Ta.

 

Also need one for whatever that web based VB is.

 

Ta again.

[khay 10]

http://www.w3schools.com/

 

That website is quite handy.

[gram 0]

Ta for that Khay. Very useful. Whats the difference between HTML and XHTML in a nutshell? Forget that. Bloody marvellous that website. Cheers!

Edited August 16, 2007 by gram

[khay 10]

Yeah, its pretty handy like.

[peasepud 59]

I would also recommend being a member of Tek-Tips.com any question at any time and someone on there will answer it.

 

As for books I recommend http://www.amazon.com/HTML-XHTML-CSS-Bible-3rd/dp/0764557394