 |
|
| Coding Forum Problems with your code? Discuss coding issues, including JavaScript, PHP & MySQL, HTML & CSS, Flash & ActionScript, and more. |
|
 |
|

10-02-2004, 02:22 PM
|
 |
Senior Member
Latest Blog: None
|
|
Join Date: 10-13-03
Location: England
Posts: 1,757
|
|
|
Annoying CSS, Firefox prob
OK, my site is at the url http://www.pointless-existence.com - notice how the sidebars are on IE (how I want it to be) and on Firefox (too far over to the right).
What have I done wrong here, basically I just want it to appear the same in both browsers, without me having to resort to using seperate stylesheets.
Any ideas about what to do?
|

10-02-2004, 04:03 PM
|
 |
Contributing Member
Latest Blog: None
|
|
Join Date: 03-08-04
Posts: 1,268
|
|
Oi barton Nooooo
|

10-02-2004, 06:34 PM
|
 |
Senior Member
Latest Blog: None
|
|
Join Date: 05-12-04
Posts: 302
|
|
|
A picture of it in IE would be nice since I don't have IE. Any way, I noticed that your text on the copyrith need to have "padding :0px, 20px,0px,0px". Besides that the page looks much better than I can do. Hopes that helps
|

10-02-2004, 11:52 PM
|
 |
Senior Member
Latest Blog: None
|
|
Join Date: 10-13-03
Location: England
Posts: 1,757
|
|
|
lol @ Fusion, I'll just get pictures of it in IE and FireFox and post em up now.
|

10-03-2004, 12:00 AM
|
 |
Senior Member
Latest Blog: None
|
|
Join Date: 10-13-03
Location: England
Posts: 1,757
|
|
|
Images
Ok, here are images of it in Firefox and in IE. (the titles should be self-explanatory)
|

10-03-2004, 05:23 AM
|
 |
Contributing Member
Latest Blog: None
|
|
Join Date: 03-08-04
Posts: 1,268
|
|
|
padding or margins.
|

10-03-2004, 06:06 AM
|
 |
Senior Member
Latest Blog: None
|
|
Join Date: 10-13-03
Location: England
Posts: 1,757
|
|
|
Probably is, I'm just not sure what id they should be in :s
|

10-03-2004, 07:36 AM
|
|
No Longer Here
Latest Blog: None
|
|
Join Date: 09-27-03
Location: State College, PA
Posts: 4,273
|
|
Code:
#menu ul li {
color: #000000;
font-family: Lucida Grande, Lucida Sans Unicode, Lucida, Helvetica, Verdana, Arial, Sans-serif;
font-weight: bold;
font-size: 12px;
margin-top: 15px;
margin-left: 10px;
padding: 5px;
}
I think it might be the margin-left: 10px; you have there.
|

10-03-2004, 07:39 AM
|
|
No Longer Here
Latest Blog: None
|
|
Join Date: 09-27-03
Location: State College, PA
Posts: 4,273
|
|
|
Now I'm thinking that's not it.
I would take out extra paddings and margins one by one till you get it. Probably somewhere in the #menu stuff.
|

10-03-2004, 09:56 AM
|
 |
Senior Member
Latest Blog: None
|
|
Join Date: 10-13-03
Location: England
Posts: 1,757
|
|
|
Ok, I've removed all the paddings except 2, which need to be kept, and all margins except for the main - one, are removed, but I'm still getting the same problem.
|

10-03-2004, 12:06 PM
|
 |
Senior Member
Latest Blog: None
|
|
Join Date: 08-06-04
Location: Ontario
Posts: 206
|
|
|
Try adding:
html>body #menu { width: 240px; }
to your stylesheet.
|

10-03-2004, 12:29 PM
|
 |
Senior Member
Latest Blog: None
|
|
Join Date: 10-13-03
Location: England
Posts: 1,757
|
|
That worked perfectly, you're a saint.
|

10-03-2004, 12:43 PM
|
 |
Senior Member
Latest Blog: None
|
|
Join Date: 08-06-04
Location: Ontario
Posts: 206
|
|
|
Glad. Since I'm not sure how familiar you are with CSS, and that code is useless to you if you don't know what it means... and for anyone else who may happen across this thread, a quick explanation:
IE doesn't know what to do with html>body (which is compliant) so by adding that anything after is ignored by IE. If you just changed your original menu declaration, that change would affect both IE and Firefox. Firefox would be working but then IE would botch.
So html>body #menu will modify the original width attribute specified. Hiding it from IE but fixing it in browsers that know how to properly render CSS.
Any questions, shoot. I'm a bit under the weather today and having a hard time articulating. If it's fuzzy, I apologize.
|

10-03-2004, 12:52 PM
|
 |
Senior Member
Latest Blog: None
|
|
Join Date: 10-13-03
Location: England
Posts: 1,757
|
|
|
Yeah, I do understand what its doing. I'm reasonably familiar, but with 400 or so lines of CSS, everything just sort of ends up a blur, and I miss and forget things.
Thanks again.
|

10-05-2004, 02:12 PM
|
 |
Senior Member
Latest Blog: None
|
|
Join Date: 10-13-03
Location: England
Posts: 1,757
|
|
|
Well, now I've found another slight problem. In Firefox on the following page, the side menu content is continuing on down, and the footer bar, is half way along this.
How could I stop this?
|

10-05-2004, 06:13 PM
|
 |
Senior Member
Latest Blog: None
|
|
Join Date: 05-12-04
Posts: 302
|
|
Quote:
|
Originally Posted by edbarton
Well, now I've found another slight problem. In Firefox on the following page, the side menu content is continuing on down, and the footer bar, is half way along this.
How could I stop this?
|
What is the following page?
|

10-06-2004, 09:02 AM
|
 |
Senior Member
Latest Blog: None
|
|
Join Date: 10-13-03
Location: England
Posts: 1,757
|
|
|
|

10-10-2004, 11:54 AM
|
 |
Senior Member
Latest Blog: None
|
|
Join Date: 10-13-03
Location: England
Posts: 1,757
|
|
Ok, any solutions to this problem, where the footer bar (id-credit) appears, above the bottom of the page, and also how sometimes the content goes over it.
http://www.pointless-existence.com/a...10/the-design/
|

10-10-2004, 08:15 PM
|
 |
Senior Member
Latest Blog: None
|
|
Join Date: 05-12-04
Posts: 302
|
|
|
Change your code to
#credit {
clear: both;
margin: 0 auto;
padding: 0 0 0 0;
background-color: #333333;
border-top: 1px solid #000000;
width: 747px;
height: 58px;
text-align: left;
color: #666666;
font-size: 10px;
line-height: 18px;
position:relative;
}
Works in firefix 0.8 and konqueror 3.14, have not tried others. Have you checked in opera? I have nad pages work in opera and not in firefox. Very strange!
Last edited by seonewbee; 10-10-2004 at 08:25 PM.
|
|
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
|
|
|
| Thread Tools |
|
|
| Display Modes |
Linear Mode
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
All times are GMT -7. The time now is 11:35 AM.
Powered by vBulletin Copyright © 2000-2013 Jelsoft Enterprises Limited.
Copyright © 2003 - 2013 Escalate Media LP
|
|
|