| Author | Post |
|---|
cssmom
Member
| Joined: | Sun Jan 27th, 2008 |
| Location: | |
| Posts: | 4 |
| Status: |
Offline
|
| Mana: |  |
|
Posted: Sun Jan 27th, 2008 05:35 pm |
|
trying to define a margin in firefox and as usual, all is well in IE but buggered in FF.
from delving into the subject I find that the margin tags are old IE and I should be using body to define. Well, tried that too. Here's what I've done so far and it still won't give me a nice clean right margin. Goes to the bloody end of my 20" screen!
div {margin-top: 60px; margin-right: 120px; margin-left: 50px;}
body { left: 50px; top: 60px; right: 120px; margin-top: 60px; margin-right: 120px; margin-left: 50px;}
In what other way do I need to address this so I'm coding for all, not for a select few!
thanks so much,
chele
|
TomWhitney
Member
| Joined: | Fri Dec 30th, 2005 |
| Location: | Phoenix, Arizona USA |
| Posts: | 102 |
| Status: |
Offline
|
| Mana: |   |
|
Posted: Mon Jan 28th, 2008 02:53 pm |
|
I have found that IE is usually the culprit. It will work well in all other browsers but is broken in IE.
The attributes top, right, bottom and left are absolute properties and should be used with position: absolute, but I don't think that is what you are looking for. What is it that you are trying to do? If you are just trying to replace the depreciated body margin tags as below:
| <BODY TOPMARGIN=0 LEFTMARGIN=0 MARGINHEIGHT=0 MARGINWIDTH=0> |
Or just add margins to the body, Then use:
body
{
margin: 0 0 0 0;
} |
The order is top, right, bottom, left.
Tom Whitney - SharkZone Design - Phoenix Arizona Web Design
Web Design in Phoenix Arizona
|
cssmom
Member
| Joined: | Sun Jan 27th, 2008 |
| Location: | |
| Posts: | 4 |
| Status: |
Offline
|
| Mana: | |
|
Posted: Tue Jan 29th, 2008 12:23 am |
|
Thanks for the reply Tom.
Basically I'm trying to contain my text. It's just a paragraph that I don't want to spread all over the screen. I'll try the modifying the body tag and see if that works.
I'll post a link if I still have trouble...
Thanks again!
chele
|
cssmom
Member
| Joined: | Sun Jan 27th, 2008 |
| Location: | |
| Posts: | 4 |
| Status: |
Offline
|
| Mana: | |
|
Posted: Tue Jan 29th, 2008 01:44 pm |
|
I still don't knowwhy it doesn't show up in a nice little box in ff like it does in ie.
It's a bit smaller of a spread, but just not quite as neat as in ie.
Anyways, on to the next issue.
According to the CSS validator on w3 I have the following errors:
9 p Parse Error - p.1 {font-family: Verdana; color: black; font-size: 12pt;}
10 p Parse Error - p.2 {font-family: Impact; color: red; font-size: .8em;}
Yes, I know it's hideous looking, it's for a class! Anyways, what is wrong with it? Again, works just fine in ie but doesn't work in ff.
Do you know where to find the actual w3 standards for css? Some of the links from there take me to sites that according to other sources have outdated code. It's all a little frustrating!
Thanks again for your help!
cheers, chele
|
TomWhitney
Member
| Joined: | Fri Dec 30th, 2005 |
| Location: | Phoenix, Arizona USA |
| Posts: | 102 |
| Status: |
Offline
|
| Mana: | |
|
Posted: Tue Jan 29th, 2008 07:06 pm |
|
You cannot name a class as a single digit. Identifiers should only contain the characters [a-z0-9], the hyphen (-) and the underscore (_); they cannot start with a digit, or a hyphen followed by a digit. I would recommend using descriptive names such as “mainTitle”, “mainSubTitle”, “bodyText”, etc. It will make it easier to make change later.
I would guess that if your page is broken in Firefox, it is probably broken in some other browsers as well. What version of IE are you using? Have you tried it in other browsers browsers besides FF and IE?
If you post your code or a link to the page, I can help you to fix it and get it to look exactly the way you want.
For a good introductory tutorial to CSS try the link below. If you are planning on working with CSS a lot, I can also recommend some good books.
http://www.w3schools.com/css/
Tom Whitney - SharkZone Design, Computer Consultants
Phoenix Arizona Computer Consultant
Last edited on Tue Jan 29th, 2008 07:12 pm by TomWhitney
|
cssmom
Member
| Joined: | Sun Jan 27th, 2008 |
| Location: | |
| Posts: | 4 |
| Status: |
Offline
|
| Mana: | |
|
Posted: Tue Jan 29th, 2008 07:36 pm |
|
ahhh! Thanks for the clarification. The teacher gave us the parameters. We were just supposed to do the css.
I'll play around with that and see if that fixes the problem. And also thanks for the link. The CSS2 reference was what I've been looking for!!
|
resource004
Member
| Joined: | Fri Apr 4th, 2008 |
| Location: | |
| Posts: | 63 |
| Status: |
Offline
|
| Mana: | |
|
Posted: Thu Apr 24th, 2008 07:24 am |
|
Hi Friends,
Do you have any problem in web designing and development or do you want any kind of help in PHP/MYSQL or you need reliable and cheap web hosting or have any problem in E-commerce solutions then go to this site http://www.pakandu.com/contactus.php ,
It is a company of web designing and development and it have a great web designers, developers and Programmers.
When I got in any problem of web designing /development and Programming or I need reliable web hosting or facing any problem in E-commerce Solutions then I just go to this site and ask them the solution of my problem and they always provide me best solution for my problem.
So do you have any above problems then contact them without any hesitation.
Regards,
Resource
|
Current time is 08:44 am | |
|
