Browse archives calendar problem with Safari

Ah! The joys of style sheets! ;-)

The date displayed just below the "Browse archives" label (i.e. "September 2005"), in the left hand column just below the "Article Topics" list, does not display properly in Safari 2.0. It is shifted to the right a few inches and bleeds into the body text. Firefox does not experience this problem...

Thanks!

AttachmentSize
screenshot.png24.47 KB
Syndicate content

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.

Safari Calendar Problem

Hmmm. This is a tougher bug. On first look that seems to be a default style issue, as I didn't touch that in the CSS. I'll look into it. Any other browser users noticing this problem?

all my best,
dj
--
a million monkeys typing : http://www.douglasjohnston.net

I narrowed it down to the

I narrowed it down to the ".calendar table" style in the drupal.css file. Specifically the "width 100%" attribute. Unfortunately I don't have enough CSS know how to really understand what is going on. Hopefully it will save you a bit of hunting around though...

.calendar table {
border-collapse: collapse;
width: 100%;
border: 1px solid #000;
}

Safari Calendar Problem (fixed?)

Thanks, NickAtNight! I made a change in drupal.css, and this seems to be working. (Let me know if it isn't.) And good job... please keep your eyes open for any other Safari weirdness. ;-)

Update : Scratch that. Calendar contracts far too much now. Any advice from CSS fans?

all my best,
dj
--
a million monkeys typing : http://www.douglasjohnston.net

OK, I hope I'm not going to

OK, I hope I'm not going to make things worse but here is what I tried:

I added the following to the themes/diyplanner/style.css file:

.calendar table {
border-collapse: collapse;
width: 142px;
border: 1px solid #000;
}

Not sure what the true width of the left hand navigation is but the 142px seems pretty close. This works in both Safari and Firefox but not sure about any of the other browsers.

I'm sure there is a "proper" solution to this problem.

It appears the "caption" tag is causing the trouble. If you change it to a "tr" tag instead things start to take shape though the font is a bit off and it is no longer centered. Please, no lectures on proper HTML. ;-)

This could be that the "<<

This could be that the "<< September 2005" text is not enclosed in a table tag so the 100% is not the same as the other elements in the table. Maybe something like:

<tr><td rowspan="7"><< September 2005</td></tr>

would then apply the proper style to the text???

Edit: Sorry, I meant colspan. It's been a long day and my html is rusty.

***
With work it's best to just start.