Mechanical

CSS Help

Any CSS gods out there willing to take a look at this presentation? Those are the opening few slides on my talk about Logic Programming in Perl. However, I have two problems. First, the software I'm using to create the presentation produces awful HTML (it's txt2slides, if you must know.) Second, I suck at CSS. I've no idea what it looks like on IE for Windows (IE 5.2 on Mac OS X looks awful) and I know it looks terrible at lower resolutions.

Any advice welcome. I've been fixing the software to write better HTML, so if that helps, let me know. CSS tips -- or just style comments -- really appreciated.
  • Current Music: Jem | They
The look is fine in firefox and IE on xp. The only problem I experienced was with text running off the page. For reference, i'm running on a thinkpad with a resolution of 1024x768.

The one suggestion i would make is to change the footer's positioning from absolute to relative so it can push the page down as necessary.

The geek in me cracked up over 'throws aHissyFit'
ah HAH!
This fixed it for me in IE:


.slide { # this bit let the box stretch to fit the text
position: relative;
top: 47px;
bottom: 20px;
color: #2B0101;
background-color: #F0E9CE;
}

.footer { # this bit set the bottom footer relative to the slide box, and stretched it to give it the needed height. You'll have to fiddle with the left alignment though.
position: relative;
height: 50px;
top: 50px;

}
Re: ah HAH!
What I was hoping to do was have a header at the top and have the footer always at the bottom, but scrolling down if necessary. Will CSS do that?
Re: ah HAH!
mmm... i'll take a crack at it, but i'm not an expert (advanced warning). I can usually make something do what I want it to do with css, but there are better css people out there :)
Re: ah HAH!
Try this:

.slide {
position: absolute;
overflow: auto;
top: 47px;
bottom: 70px;
color: #2B0101;
background-color: #F0E9CE;
}

.footer {
position: absolute;
bottom: 5px;
}