![]() | |
![]() |
| | Thread Tools | Display Modes |
#1
| |||
| |||
|
| http://surecann.com/ I hate the look of the huge fonts in IE. I guess I'll have to create browser specific style sheets. |
|
It also leaves a gap under the heading. Currently, I've only reworked the home and service pages; the others will be done when everything is working well. All comments and suggestions welcome. |
#2
| |||
| |||
|
#3
| |||
| |||
|
|
I think it has to do with the larger font that IE uses by default. There is a white line between the yellow and blue with the larger font. I've played with all kinds of margins, paddings, line-height, and borders. |
|
With most everything I've tried, it's looked fine in FF but still has the white line in IE. Oh well, most people won't even notice it or will just think it belongs there. |
#4
| |||
| |||
|
| http://surecann.com/ I hate the look of the huge fonts in IE. I guess I'll have to create browser specific style sheets. It also leaves a gap under the heading. The font size looks fine here. Change your IE's text sizing. |
#5
| |||
| |||
|
|
Stan McCann wrote: http://surecann.com/ I hate the look of the huge fonts in IE. I guess I'll have to create browser specific style sheets. What size do you have IE set for? Medium? Mine is at Smaller, and the page looks fine. Even at Medium, the page is easy to read, especially for us old riders. |
|
It also leaves a gap under the heading. Currently, I've only reworked the home and service pages; the others will be done when everything is working well. All comments and suggestions welcome. Not sure what 'gap' you mean... try adding * { border: 1px solid red; } to your style sheet and see if you can find out where it is. |
#6
| |||
| |||
|
|
Stan McCann wrote: I think it has to do with the larger font that IE uses by default. There is a white line between the yellow and blue with the larger font. I've played with all kinds of margins, paddings, line-height, and borders. Been playing with it a bit ... can't make it go away, without messing up your various <div>s. Why is the #page div there? I'm not a user of pixel settings. |
|
With most everything I've tried, it's looked fine in FF but still has the white line in IE. Oh well, most people won't even notice it or will just think it belongs there. Hey, that's the ticket! "It belongs there." |
#7
| |||||
| |||||
|
|
Stan McCann wrote: http://surecann.com/ I hate the look of the huge fonts in IE. I guess I'll have to create browser specific style sheets. It also leaves a gap under the heading. The font size looks fine here. Change your IE's text sizing. What gap? Which heading? - An improvement over the previous design. |
|
- Why have multiple Contact areas? There is the Contact page; then there is the "Contact Me" blurb in the copyright section. |
|
- Services page: - The text line "Sample Price List" has no margin below it. It melds with the table border. |
|
- I'm sure you mean "MiB" (Megabyte, binary), not "Megabit" (Mb, decimal). |
|
See <http://physics.nist.gov/cuu/Units/> and http://www.romulus2.com/articles/guides/misc/bitsbytes.shtml>. |
#8
| |||
| |||
|
|
"Beauregard T. Shagnasty" <a.nony.mous (AT) example (DOT) invalid> wrote in news siig.156482$Fs1.90734 (AT) bgtnsc05-news (DOT) ops.worldnet.att.net:Stan McCann wrote: http://surecann.com/ I hate the look of the huge fonts in IE. I guess I'll have to create browser specific style sheets. What size do you have IE set for? Medium? Mine is at Smaller, and the page looks fine. Even at Medium, the page is easy to read, especially for us old riders. I don't even know. For IE, the only times I ever use it is to see how my work looks in it. I was THE helpdesk for the college for so many years, I know that many users never adjust settings from defaults so I always leave the settings alone for IE. Firefox though, is set up to suit me. It also leaves a gap under the heading. Currently, I've only reworked the home and service pages; the others will be done when everything is working well. All comments and suggestions welcome. Not sure what 'gap' you mean... try adding * { border: 1px solid red; } to your style sheet and see if you can find out where it is. I think it has to do with the larger font that IE uses by default. There is a white line between the yellow and blue with the larger font. I've played with all kinds of margins, paddings, line-height, and borders. With most everything I've tried, it's looked fine in FF but still has the white line in IE. Oh well, most people won't even notice it or will just think it belongs there. Yeah. I am thinking though, that you could set 0 padding on the border |
#9
| |||
| |||
|
|
I thought so. I'm no artist and I was trying to be too artistic before. This one keeps it simple. |
#10
| |||
| |||
|
|
"Beauregard T. Shagnasty" <a.nony.mous (AT) example (DOT) invalid> wrote in news:Sumig.157618$Fs1.450 (AT) bgtnsc05-news (DOT) ops.worldnet.att.net: Stan McCann wrote: I think it has to do with the larger font that IE uses by default. There is a white line between the yellow and blue with the larger font. I've played with all kinds of margins, paddings, line-height, and borders. Been playing with it a bit ... can't make it go away, without messing up your various <div>s. Why is the #page div there? I'm not a user of pixel settings. I'm not much either except if I want a border (non-text) or to position next to or within a fixed size element. Hanging onto old habits? Older browsers mostly did an awful job of displaying graphics unless the _correct_ pixel dimensions were given. Even today, if the size isn't given, the screen jumps around as the browser draws and re-draws the screen after learning the height and width of newly read elements. With most everything I've tried, it's looked fine in FF but still has the white line in IE. Oh well, most people won't even notice it or will just think it belongs there. Hey, that's the ticket! "It belongs there." Sometimes ya just gotta. On another site, I had a curved grapic to curve the heading background color into a side menu. Very few ever realized it though because I couldn't get it to work in IE. |
![]() |
| Thread Tools | |
| Display Modes | |
| |