Okay, take a look at the Web site I maintain for the library where I work. Note the little rectangles down the left-hand side of the page, beneath the logo.
If you're using Internet Explorer, you probably noticed nothing. If you're using Firefox, though, I expect the second link featured rather larger and uglier rectangles.
The only difference between the two is that the second one—the one that doesn't work right in Firefox—includes a "DOCTYPE" header to make it standards-compliant. I've been getting by just fine without the header, but I'm working on a temporary holiday-themed redesign, and one of the things I want to add will only work in IE if the header is there. (I also find that adding it will cause regular features of the site to work in IE which otherwise do not).
Anyone know how I can leave the "DOCTYPE" in there, and still get those rectangles to come out at 30 pixels high (as defined in the CSS file), instead of the 45 pixels they're currently displaying as? They work just fine without any text in them, but that's untenable, for obvious reasons.
Posted by Shik (Member # 343) on :
It's fekakte in Safari 3 as well.
Posted by TSN (Member # 31) on :
Yeah, Safari seems to exhibit the same behavior as Firefox. I assume, if I can get it to work in both IE and Firefox, Safari will be okay, too. If not, it only accounts for about 6% of our traffic, anyway, so I'd be willing to let it slide.
Posted by MinutiaeMan (Member # 444) on :
You probably need to modify the padding for those table cells. My guess would be that the default stylesheet uses a different value for standards mode.
Looking deeper, another likely cause is that you've got paragraph tags inside table cells; that's redundant in your current usage. Removing the P tags will also probably solve the problem.
The quickest, brute-force solution would be to remove all margins and padding from P tags inside your sidebar. Here's an example declaration:
code:
td.sidebar p { margin: 0; padding: 0; }
(BTW, tables for layout? For shame....) Posted by TSN (Member # 31) on :
You're right, in that it's the margin (not the padding). Taking out the paragraph tags works. Or adding a margin of 0 to that particular paragraph class. Thanks.
(And what can I say? I know tables better than CSS. It works, so I use it. Maybe on the next total redesign...)
Posted by OnToMars (Member # 621) on :
Not to hijack, but anybody familiar with Wordpress here?
Posted by MinutiaeMan (Member # 444) on :
Yes. Don't use it, it's riddled with security holes.
Posted by OnToMars (Member # 621) on :
Well shit, now you tell me.
I'm not overly concerned with security, as I'm just going for a simple personal/portfolio website, so I doubt doubling back and starting over is worth the trouble.
That said, could I interest you in lending some assistance, perhaps in return for some kind of good or service?
Posted by Daniel Butler (Member # 1689) on :
Boy, when I first read that, I thought it said "perhaps in exchange for some good service." My eyes bugged out.
Posted by OnToMars (Member # 621) on :
Whatever it takes to get a kickass website. Posted by WizArtist II (Member # 1425) on :
Think "Dreamweaver"
If you see a webpage layout you like, save the page and open it with a text editor if you don't have a website design program. You then can see how it was built. Deconstructing a site is a good learning tool. That's how I started building my own. It's OK, but I really need to rework some stuff and update it.
Posted by OnToMars (Member # 621) on :
Oh I've done that and that was the original plan. But incorporating a blog is a prerequisite and when I looked at incorporating Blogger into an otherwise HTML site, I discovered that they've changed things somewhat since the last time I actively used it and it made me go to an all encompassing CMS instead.
Posted by Daniel Butler (Member # 1689) on :
I tend to have violent reactions to WYSIWYG editors, especially Dreamweaver. The code they generate, especially JavaScript, is just so difficult to read and modify. I'm one of the "use Notepad" camp - although nowadays it's more "use GEdit." I don't know if that's advice or evangelism, but...there it is.
Posted by Omega (Member # 91) on :
Notepad++ has been a happy discovery for all my coding needs.
![[Razz]](tongue.gif)
![[Wink]](wink.gif)