Thread: text sizing
Results 1 to 9 of 9
Related
-
sizing pictures Forum: HTML Forum
Replies: 2 -
Text Sizing Forum: HTML Forum
Replies: 2 -
window sizing Forum: Javascript Forum
Replies: 1 -
Re sizing text through browser! Forum: CSS Forum
Replies: 2 -
Screen sizing Forum: HTML Forum
Replies: 4
-
12-06-2006, 03:28 PM #1
text sizing
I just redigned the homepage of the Community College I work for, using CSS. I realize now that when the font size is icreased in the browser it messes everything up. Firefox handles it a little better than IE. Would setting Minimun heights on the navigation areas make a difference. Also, should I set line heights to be measured in em's? Any ideas would be very helpful.
-
12-06-2006, 05:42 PM #2
Re: text sizing
Using ems will expand/contract the elements with text size.
However, there are pros and cons for each of the sizing options, and often a combination is the best soloution.
If you've got a link so people here can see what you mean, it'll be easier to post suggestions.
-
12-07-2006, 09:04 AM #3
Re: text sizing
Sorry, I meant to include the address.
http://www.jalc.edu/
-
12-07-2006, 08:47 PM #4
Re: text sizing
In my opinion, there are two things breaking this.
1. div #banner1 which stops the John A Logan title getting above a certain width.
2. The menu bar. There is no need for this to be fixed - just allow the left sidebar to expand (give it an em value) and float the menu bar under the heading and to the right of the sidebar.
-
12-08-2006, 04:04 PM #5
Re: text sizing
I've made a little progress by taking the width out of the container div. When increasing the font it doesn't look pretty, but it holds up better in IE. Now, I'm losing visibility on some of the navigation in Firefox. As far as moving the overhead menu, I'd rather not, becuase it was created long before I came to this job, using a program called Menu Machine. I plan on replacing it eventually but for now, I don't want to screw anything up messing by with it. I can make the backgrounds bigger in column 1 and 2 for expanding heights, if I can figure out how to make the heights expand fluidly.
-
12-09-2006, 04:16 AM #6
Re: text sizing
If you look at the line
Code:<div id="bbML" style="color: black; font-size: medium; font-family: serif; background-color: #000; visibility: visible; display: block; position: absolute; z-index: 1000; top: 32px; left: 33px; width:630px; height:35px">
You should be able to adjust those without affecting anything except the position.
I didn't spot it earlier as I forgot to check for inline styles, sorry!
-
12-15-2006, 10:02 AM #7
Re: text sizing
I see what you are saying about the menu, but my biggest problem is with the three columns. I want them to expand when the text size is increased. I can do this by taking off the width off of the container div, but when you resize the window, it kicks the columns down as the window gets thinner. If I give the container div a size, it kicks the columns down when the font size is increased. Minimum widths work for firefox, but not IE. Let me know if you guys have any ideas.
-
12-15-2006, 10:24 AM #8
Re: text sizing
I just realized that if I take all the widths off of the columns and set the container width much wider than the width of the three it can expand without collapsing. Now if I can just get it to look better when it expands (ex. banner1, column1 and bottomnav).
-
12-15-2006, 04:16 PM #9
Re: text sizing
Changing from pixels to ems helps everything a little bit too.
Cloudjiffy- PaaS for Developers
10-05-2020, 12:30 AM in Web Hosting Forum