Sent by Steven Kallstrom on 28 January 2004 16:04
Daniel,
You may want to look at your mark-up. You don't close your <li>
tags for one. Your mark-up is a little bit complex too. I also
switched to an XHTML doctype. Browsers treat doctypes differently and I
find it easiest to use the strict doctype. You are a beginner, so you
should try hard to establish good coding habits from the start. Always
validate your documents to find your coding mistakes.
take a look at this:
http://www.sjknet.com/recipe/recipe.html
Your code was a little too complex for what you were trying to do.
I didn't check this on Mac, but it should work. I simplified your code
a little bit, fixed a few things... CSS requires a different bit of
thinking... there are often several ways to do things. I usually go
for the simplest, and most flexible. I didn't replicate your example
completely. You may want to consider putting the print link somewhere
within the flow of the document, instead of positioned somewhere in the
page... it would be simpler, and wouldn't really affect the look that
much. I hope you find this useful... if you have any questions or
problems... feel free to contact me offlist...
Steven Kallstrom
[EMAIL-REMOVED]
Daniel Kessler wrote:
> I'm completely new to CSS, having been a Director/Flash programmer.
>
> I have the task of making a set of recipe pages for site. They have a
> scroll top and bottom and the middle is the recipe content. I have
> two problems. One is alignment between browsers and the other is
> print related.
>
> First this needs to work on WinIE and Mac Safari. I have the scroll
> top, then the scroll middle stretch to the proper size for the
> content, then the scroll bottom, and finally a link. There are other
> components, but this is the general alignment.
> My first try was to have a container part that had the background
> color the same color as the recipe back, basically a colored cell with
> a 1 pixel border. This ran into some minor alignment issues on
> Safari, but the basic problem was that the cell doesn't print and I
> couldn't get the bottom scroll to align well to the middle content
> vertically. Here's my most recent try at it:
> http://www.phiresearch.umd.edu/bodyfun/online/recipes/breakfast_cookie.html
>
> I don't know why the cell pops out past the scroll on the right or the
> bottom and I'm not sure where the bottom link went.
>
> My second perspective was to change out that middle area with a middle
> image. If I could stretch that image to the size of the content
> vertically, then it would align horizontally and would print. Here's a
> try at that and below the link are the problems that occurred. I'd
> really like this one to work.
> http://www.phiresearch.umd.edu/bodyfun/online/recipes/egg_sandwich.html
> safari: needs to stretch middle
> winIE: needs to stretch middle, the link Return to Body Fun is
> misaliged. It should be under the scroll bottom.
>
> Thanks.
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/