DPChallenge: A Digital Photography Contest You are not logged in. (log in or register) 
 

DPChallenge Forums >> General Discussion >> css troubles - anyone adept?
Pages:  
Showing posts 1 - 12 of 12, (reverse)
AuthorThread
 08/05/2006 01:58:08 PM · #1
I am having some css interbrowser difficulties with font sizes. I have tried all sorts of pt's, px's, and em's, but none of it is making things any more consistent. It all looks fine and is manageable in Firefox with em's, but as soon as I switch over to IE to check it in that, I see that the fonts are all about a million times too big and awkward and ugly. Can anyone help me get this cross browser consistency without having to overly complicate things with several different css styles and stuff (I don't know how to do that).
The code is on my long-neglected photo-a-day. I've been working on this for a month at least now and am not getting any closer to resolution.
Here's the link: //crusty-twyla.blogspot.com. (Yes the column is supposed to be that narrow) Can anyone help????
 08/05/2006 02:38:42 PM · #2
For the lazy: //crusty-twyla.blogspot.com
Though it is a bit larger in IE, it still looks good to me.
I've used CSS a bit, but I don't really know nothing about it, sorry.
 08/05/2006 03:15:05 PM · #3
make sure u have the correct doctype.

"//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


also if you are using IE 5 then it will be bigger anyway. there are hacks for this

p {

font-size:x-small;

/*Font size value for IE4/5 on Windows*/

voice-family: "\"}\"";

/*IE4/5 in Windows will not understand this and believe the rule is over.

voice-family:inherit;

*/Allows the rest of browsers to get on with rule/*

font-size:small;

*/proper value for browsers that implement keywords correctly/*

}

or go to this alistapart

Message edited by author 2006-08-05 15:16:12.
 08/05/2006 04:45:11 PM · #4
I don't know if you've fixed it already or not, but when I just viewed the link provided it looks fine on my PC. Windows IE v6 browser.

Silly question perhaps, but have you checked the text size setting on you IE browser? Under the View menu, then Text Size...I'm set to Medium and it's fine here.

Good luck.
 08/05/2006 05:02:26 PM · #5
To get fairly consistent sizing across browsers you'll need to start with "font-size: 76%;" and then size the way you want.
 08/05/2006 11:37:36 PM · #6
I've tried all that.
It looks "fine" as it is in IE, but when you pair it up with the rest of the site, it looks ungainly large. If I reduce the size to 50% it looks fine in IE and unreadably small in Firefox.
 08/07/2006 10:44:38 AM · #7
Just received an email from someone from DPC about this and I'll respond to it here. I've deleted a lot of it as its not really fit for posting. I am not sure if these quote tags work in here, so I may have to come back and edit this post

Originally posted by iateashroom:

You may have tried various things but you didn't keep the important
ones. You didn't keep the DTD. Not using one automatically puts a
browser in quirks mode which will cause a host of problems. So this
goes at the top of your freespace page.


I do believe you are looking at the wrong page. Please refer to the link supplied up at the top of this thread which has nothing to do with freespaces.

Originally posted by iateashroom:
"//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
You didn't keep the body's "font-size: 76%;" which is the base size for
all your fonts. Using a different size will give you text sizes that
don't match up between browsers.

I do have that doctype line. And no I don't have my font set at 76% as I find that too large, it is set at 62.5%

Originally posted by iateashroom:
You're making life hard on yourself by being redundant with your CSS.

Please don't criticize; Most of it is cut and paste from pages I liked the look of. If it is redundant, oh well, the freespaces page was my first attempt at css.

Originally posted by iateashroom:
You're also making life hard on yourself by having the stylesheets
embedded.

For what I was doing, it worked for me. WHat works for one person doesn't work for everyone in the learning process. You are being very harsh.

Originally posted by iateashroom:
Scrollbars... You may want to consider dumping the scrollbar
properties. They're IE specific which means many people won't see them.

Yes I know. And that's *why* I was using them and will continue to use them.

Originally posted by iateashroom:
I cleaned up your freespace page. Do the same for your blog code so you
can see where the errors are.

I did not need for you to muck about with my freespaces code as that page is obsolete and the initial problem is occurring sole-ley on the blog page which is spelled out in the first post of this thread.

Originally posted by iateashroom:
You should also consider moving to a non-free host so you can use
better technology than iframes to insert content. One with PHP or SSI
support would be best. You wouldn't have to worry about ugly scrollbars
around your content.

Please refer to previous comments.

Message edited by author 2006-08-07 10:46:46.
 08/07/2006 10:51:31 AM · #8
Looks all the same too me in FF & IE 6.0
I always use pt never had a issue with it on any browser..
 08/07/2006 10:55:35 AM · #9
Originally posted by Twyla:
Just received an email from someone from DPC about this and I'll respond to it here. ...

I don't get the point of your posting the contents from an email rec'd from someone. If they wanted their comments public wouldn't they have posted in this thread? Why not just respond via email?

Originally posted by Twyla:

Originally posted by iateashroom::

You're also making life hard on yourself by having the stylesheets
embedded.

For what I was doing, it worked for me. WHat works for one person doesn't work for everyone in the learning process. You are being very harsh.

I don't see how the above comment was "harsh", sounds constructive and helpful to me.

08/07/2006 11:31:19 AM · #10
wow, twyla! thanks for reminding me not to pm people any help. stupid me, thinking the 'p' meant 'private' when it really means 'public'...
 08/07/2006 11:39:36 AM · #11
Originally posted by Twyla:
Just received an email from someone from DPC about this and I'll respond to it here.

As you may have guessed, it's really bad form to do this, or "call out" someone publicly who e-mailed you privately. It's considered the height of rudeness.
 08/07/2006 11:37:22 PM · #12
Originally posted by skiprow:
wow, twyla! thanks for reminding me not to pm people any help. stupid me, thinking the 'p' meant 'private' when it really means 'public'...

you're welcome! :)
Pages:  
Current Server Time: 09/23/2025 05:50:20 AM

Please log in or register to post to the forums.


Home - Challenges - Community - League - Photos - Cameras - Lenses - Learn - Help - Terms of Use - Privacy - Top ^
DPChallenge, and website content and design, Copyright © 2001-2025 Challenging Technologies, LLC.
All digital photo copyrights belong to the photographers and may not be used without permission.
Current Server Time: 09/23/2025 05:50:20 AM EDT.