Sent by Janice Tocher on 22 March 2004 00:12
txs for the tips erik!... getting closer but still several issues that
I have only checked on Mac so far:
Opera and IE Mac don't display the left/right borders all the way to
the bottom
I want the right border to display *behind* the #footerRight (as the
left border does with #footerLeft) but altering z-indes seems to have
no affect.
Also, still having 'refresh' issues with Mozilla and Safari. In both
these browsers, the bottom border looks great when the page is first
loaded. However, when reloading the page, the #footerLeft still jumps
up about 100px in Safari and the #footer jumps up about 20px in
Mozilla.
Blast - I'm stumped!!! I'm trusting that after developing a few pure
css sites I'll start feeling less stupid about this!!!
jLynn
btw - This site will eventually support multiple sections with each
color-coded - hence the 'section.css' I've commented that out for now
to ensure that nothing in this 'empty' stylesheet was causing issues.
On Mar 21, 2004, at 7:02 PM, Erik Ratcliffe wrote:
> 'Kay, I don't know how many issues this fixes, but here are some of
> the things I did to make the site at least appear "whole" in Mozilla
> 1.6 on my iMac running Jaguar:
>
> 1) The margins that are set in "body" are wiped out when "margin:
> auto;" is reached. So, I replaced all margin lines with "margin: 10px
> auto;". That was probably what you were after (10px margin on the top
> and bottom, page horizontally centered). If this causes issues on
> other browsers, split up the shorthand into each of the specific
> settings:
>
> margin-top: 10px;
> margin-bottom: 10px;
> margin-left: auto;
> margin-right: auto;
>
>
> 2) I set the minimum width in #pageContainer to 820px because
> everything was leaking under borderRight. It worked better for me, but
> your mileage may vary.
>
>
> 3) I added "bottom: 0;" and deleted the height settings in
> #borderRight and #borderLeft. A lot of weirdness ceased after doing
> that.
>
>
> Note that I only did this in Mozilla 1.6 (Mac) because it's the only
> browser I currently have that permits editing of styles on the fly. I
> also didn't do anything with the table styling, mostly because I don't
> know how to do it. :) Tables are tricky to style, I gather, and all
> I'd end up doing is making things worse.
>
> BTW, I'm not sure if your second stylesheet (section.css) is
> available. The style editor that I used should have automatically
> downloaded it, but in its place was a bunch of Microsoft web server
> scripting stuff. I deleted all of it before hacking at your CSS stuff.
> Just in case, you may want to test the page without that stylesheet.
>
> --
> Erik Ratcliffe
> [EMAIL-REMOVED]
> ______________________________________________________________________
> css-discuss [EMAIL-REMOVED]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/