Advanced Web Development
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
User Name:
Password:
Remember me
 
Go Back   Dev Articles Community ForumsWeb DesignAdvanced Web Development

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Display Modes
 
Unread Dev Articles Community Forums Sponsor:
  #1  
Old April 13th, 2006, 09:20 AM
shanemcd shanemcd is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Apr 2006
Posts: 1 shanemcd User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 17 m 26 sec
Reputation Power: 0
Question CSS & Text Resizing

I have done some work on a page which has different items such as a table which has to have a grey background and a header that has to be red and big - however, I find that in IE and Firefox, when you resize the text, the fonts increase ... Can you prevent this from happening.

I have it working on one page as a DIV but then other items within the region fial to comply with the overall CSS.

Whats the difference between saying ??
<div class="mystyle>...</div>
and
<p class="mystyle>...</p>

Anyone ????

Reply With Quote
  #2  
Old April 13th, 2006, 09:54 AM
Kravvitz Kravvitz is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: May 2005
Location: USA
Posts: 134 Kravvitz User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 23 h 38 m 30 sec
Reputation Power: 4
Font/text resizing is an acessibility feature. Get used to it. Trying to disable it will only annoy users.

A <div> is a generic container and may contain other block level elements.
A <p> is a paragraph and may only contain inline level elements.

http://www.cs.tut.fi/~jkorpela/html/nesting.html

Reply With Quote
  #3  
Old April 13th, 2006, 10:30 AM
Mittineague's Avatar
Mittineague Mittineague is offline
Contributing User
Click here for more information
 
Join Date: Jul 2005
Location: West Springfield, Massachusetts
Posts: 549 Mittineague User rank is Private First Class (20 - 50 Reputation Level)Mittineague User rank is Private First Class (20 - 50 Reputation Level) 
Time spent in forums: 1 Week 1 Day 7 h 3 m
Reputation Power: 4
Css

You don't want to design a page that looks good at your screen resolution and text size settings. (unfortunately too many sites are designed this way). You can design the page so that it's "fluid". That is, the page elements will be in different places at different resolutions. You can also design "elastic" pages. That is, the page elements will shrink and expand to fit the viewport size. Thus the page will not be rendered "identically the same", but should look "suitably the same".
I like to use h tags and percentages so that larger text will always be larger in relation to other text no matter what resolution or text size setting is used.
Try a test page using a main head at the top of the page, a floating left nav/ad div, and a right content div with sub-heads, and a bottom clear both footer. You will see what I mean.
BTW Tables are notorious troublemakers to page rendering when they're used to structure page layout. You should only use them to display tabular data.
Comments on this post
Kravvitz agrees!
Spongy agrees!

Reply With Quote
  #4  
Old April 13th, 2006, 01:57 PM
MadCowDzz's Avatar
MadCowDzz MadCowDzz is offline
I'm Internet Famous
Dev Articles Frequenter (2500 - 2999 posts)
 
Join Date: Jan 2003
Location: Toronto, Canada
Posts: 2,890 MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level)MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level)MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level) 
Time spent in forums: 1 Week 16 h 14 m 9 sec
Reputation Power: 8
I think the biggest issue designers have is letting go of the fact that their page *might* look different in different browsers on different platforms. Sometimes you have to give up a little to get a lot... think about the accessibility and the chance to present your page to all kinds of users...

How would your page display on a cell phone/pda? How would it look on a screen with resolution different than yours? How would it look with the font size increased? All of these things are out of your control, but a good solid design can prepare for this.

As for the difference between DIV and P?
I always see it as two main ideas:
Visually: By default, a paragraph tag has added spacing between elements.
Symantecally: Paragraph tag is just that, a paragraph of text... a DIV is more of a container.
__________________
Daryl's Homepage | My Blogroll | My Profile | Firefox supporter!
DevArticles Forum Moderator

"The net is a waste of time, and that's exactly what's right about it." -- William Gibson

Reply With Quote
Reply

Viewing: Dev Articles Community ForumsWeb DesignAdvanced Web Development > CSS & Text Resizing


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 5 hosted by Hostway
Stay green...Green IT