posted
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.
Registered: Mar 1999
| IP: Logged
Shik
Starship database: completed; History of Starfleet: done; website: probably never
Member # 343
posted
It's fekakte in Safari 3 as well.
-------------------- "The French have a saying: 'mise en place'—keep everything in its fucking place!"
Registered: Jun 2000
| IP: Logged
posted
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.
Registered: Mar 1999
| IP: Logged
posted
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....)
-------------------- “Those people who think they know everything are a great annoyance to those of us who do.” — Isaac Asimov Star Trek Minutiae | Memory Alpha
Registered: Nov 2000
| IP: Logged
posted
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...)
Registered: Mar 1999
| IP: Logged
OnToMars
Now on to the making of films!
Member # 621
posted
Not to hijack, but anybody familiar with Wordpress here?
-------------------- If God didn't want us to fly, he wouldn't have given us Bernoulli's Principle.
Registered: Jun 2001
| IP: Logged
posted
Yes. Don't use it, it's riddled with security holes.
-------------------- “Those people who think they know everything are a great annoyance to those of us who do.” — Isaac Asimov Star Trek Minutiae | Memory Alpha
Registered: Nov 2000
| IP: Logged
OnToMars
Now on to the making of films!
Member # 621
posted
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?
-------------------- If God didn't want us to fly, he wouldn't have given us Bernoulli's Principle.
Registered: Jun 2001
| IP: Logged
Daniel Butler
I'm a Singapore where is my boat
Member # 1689
posted
Boy, when I first read that, I thought it said "perhaps in exchange for some good service." My eyes bugged out.
Registered: Jul 2005
| IP: Logged
OnToMars
Now on to the making of films!
Member # 621
posted
Whatever it takes to get a kickass website.
-------------------- If God didn't want us to fly, he wouldn't have given us Bernoulli's Principle.
Registered: Jun 2001
| IP: Logged
WizArtist II
"How can you have a yellow alert in Spacedock? "
Member # 1425
posted
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.
-------------------- There are 10 types of people in the world...those that understand Binary and those that don't.
Registered: Nov 2004
| IP: Logged
OnToMars
Now on to the making of films!
Member # 621
posted
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.
-------------------- If God didn't want us to fly, he wouldn't have given us Bernoulli's Principle.
Registered: Jun 2001
| IP: Logged
Daniel Butler
I'm a Singapore where is my boat
Member # 1689
posted
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.
Registered: Jul 2005
| IP: Logged
posted
Notepad++ has been a happy discovery for all my coding needs.
-------------------- "This is why you people think I'm so unknowable. You don't listen!" - God, "God, the Devil and Bob"
Registered: Mar 1999
| IP: Logged
![[Razz]](tongue.gif)
![[Wink]](wink.gif)
Printer-friendly view of this topic
