… or rather, at these two layouts I’m working on for the day job. If you see anything really funky, leave me a comment with your browser and OS, please?
Writer and WordPress consultant
My latest books are Content Strategy for WordPress (2015) and WordPress for Web Developers (2013). Sign up to be notified when I have a new book for you.
What is the alignment supposed to be between the search box and the black arrow next to it? On OSX 10.3.5 and Safari 1.2.3, its coming up top-aligned, so the arrow looks a little high. Don’t know if that’s intentional or not. If it is, cool, if not, well, now ya know. !
That arrow drives me nuts. It’s centered in Gecko, high in Safari, and low in IE. BAH.
It’s looking good here – Win2K Pro and Firefox 1.0 and IE 6.0 (with whatever the latest service pack is). I’m not getting the same alignment issue that Mike is -if anything, that arrow’s looking a couple of pixels too low on both browsers, but it’s so slight I wouldn’t have noticed it if I hadn’t read Mike’s comment. I’m going to have to figure out how to construct all my divs so as to minimize their impact on each other – that’s the primary problem with the CoNDFW page right now, in that the divs are interacting with each other in unexpected (and at times inexplicable) ways. I r not a CSS powah-usa yet, obviously.
On Win NT—arrow is fine in Firefox 0.92; looks a tiny bit low in IE. Silly question: I don’t suppose you could change the arrow gif’s transparent background height to exactly match the height of the search box?
Also got that pre-css unformatted splash w/ IE before the page loaded, but I’m assuming you just haven’t yet plunked in a blank javascript cheat in the headers to kill that.
Other stuff looks fine. Column edging is very nice.
Thanks, Robin. If you have a cheap Javascript solution for that handy, I’ll give it a shot.
On the arrow—yeah, I could fix the height of the image if the height of the box were consistent across browsers. Alas, not.
Stephanie—try the CSS-Discuss wiki for lots o’ ready-made CSS layouts. I lurve the wiki. I tried a dozen or so layouts from it for this project, but couldn’t find one with 3 equal-height columns (from this morning’s list discussion I gather one hasn’t been developed yet) so I ended up cheating.
The search-box arrow is, alas, high in OmniWeb 5.0 on Mac OS 10.2.8.
Otherwise, I don’t see anything troublesome. And I’m not a designer, but it’s pretty and I can actually read it. (I’m so tired of pale blue text on aqua backgrounds, red text on black backgrounds, and other atrocities.)
Hey, thanks, Yoon! I hadn’t thought to check OmniWeb.
If you just drop an empty start/end javascript code into your header—(script type=”text/javascript”)(/script)—that it’ll kill the pre-css flash you sometimes get when the page loads.
Kind of a silly cheat, but it seems to work.
(Note: one of these days I’ll remember how to do angle brackets in posts without having them disappear on me.
)
This comment is actually directed towards the design at sillybean.net and not what you’ve actually asked for in your post… But I can’t find a link on your site to email you (am I crazy?) and since this is kind of a tech-y thread I figured it would be OK. Sorry!
I subscribe to http://www.sillybean.net/?rss=1 but for the last few days the entries have been reloading every time someone adds a comment to an entry, because the comment count has been grafted onto the headline. Any chance we can get a feed without the comment count? Thanks. And sorry for kind of derailing the discussion.
Thanks, Robin!
Brian—I hate that it refreshes with every comment, and I’m sorry. It’s a Textpattern bug that’s hard-coded. Last time I checked it couldn’t be changed, but I haven’t done the latest upgrade, so I will check again.