Okay, I'm working on my college webpage for the summer, nothing special...except I suddenly got myself in further than I thought I would've...or should have...it turns out that I have to rewrite the WHOLE ENTIRE THING. See work here Fine, that part is done. Well, except one thing...I've got the page to display properly in Internet Explorer, Mozilla (and thusly firefox). Problem is...the home page doesn't move correctly in konquerer/safari. I'm expecting the reason for this is that in the external stylesheet I had moved the pieces up to match the position of the inside pages, I have this for IE, and child processes for mozilla...however, seemingly knoqueror renders the CSS differently, and so there's no buffer at the top for the first page, I was wondering if any other web junkies have any thoughts on how to fix this, or at least why is safari taking away my buffer?! The stylesheet is here
Satyagraha
Posted by fugu13 (Member # 2859) on :
You rely on an unspecified behavior of the box model. After removing extraneous and invalidating html elements, I'm slowly altering your stylesheet to bring it in line, so far I've stricken out the margin hack, changed several things to padding that were margins, and deleted the margin-top on the body entirely. Its getting close, but its taking a bit to wade through it all.
Posted by fugu13 (Member # 2859) on :
Okay, got it working in safari just fine (and I know what modifications do what, now), I just have about 15 pixels to track down in Mozilla.
Posted by fugu13 (Member # 2859) on :
Finally tracked down that extra 15px by just deleting every reference to padding and margins. Amazing how little that changed the page.
Now adding them back in to achieve original effect in both browsers.
Posted by fugu13 (Member # 2859) on :
Okay, after deleting every bit of margin and padding information, I did the following: put margin and padding on the body to 0px, on the div#wrap put the margin to 28px 5px 5px 5px, and the padding to 0px.
If that doesn't work in IE, switch the margin and padding values on div#wrap and try again.
Posted by Insanity Plea (Member # 2053) on :