| Coding Forum Problems with your code? Let's hear about it. |
10-02-2004, 02:22 PM
|
#1 (permalink)
|
|
Inactive
Join Date: 10-13-03
Location: England
Posts: 2,781
Latest Blog: None
|
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
|
#2 (permalink)
|
|
Inactive
Join Date: 03-08-04
Posts: 2,644
Latest Blog: None
|
Oi barton Nooooo

|
|
|
10-02-2004, 06:34 PM
|
#3 (permalink)
|
|
Inactive
Join Date: 05-12-04
Posts: 520
Latest Blog: None
|
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
|
#4 (permalink)
|
|
Inactive
Join Date: 10-13-03
Location: England
Posts: 2,781
Latest Blog: None
|
lol @ Fusion, I'll just get pictures of it in IE and FireFox and post em up now.
|
|
|
10-03-2004, 12:00 AM
|
#5 (permalink)
|
|
Inactive
Join Date: 10-13-03
Location: England
Posts: 2,781
Latest Blog: None
|
Images
Ok, here are images of it in Firefox and in IE. (the titles should be self-explanatory)
|
|
|
10-03-2004, 05:23 AM
|
#6 (permalink)
|
|
Inactive
Join Date: 03-08-04
Posts: 2,644
Latest Blog: None
|
padding or margins.
|
|
|
10-03-2004, 06:06 AM
|
#7 (permalink)
|
|
Inactive
Join Date: 10-13-03
Location: England
Posts: 2,781
Latest Blog: None
|
Probably is, I'm just not sure what id they should be in :s
|
|
|
10-03-2004, 07:36 AM
|
#8 (permalink)
|
|
No Longer Here
Join Date: 09-27-03
Location: State College, PA
Posts: 9,354
Latest Blog: None
|
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
|
#9 (permalink)
|
|
No Longer Here
Join Date: 09-27-03
Location: State College, PA
Posts: 9,354
Latest Blog: None
|
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
|
#10 (permalink)
|
|
Inactive
Join Date: 10-13-03
Location: England
Posts: 2,781
Latest Blog: None
|
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
|
#11 (permalink)
|
|
Inactive
Join Date: 08-06-04
Location: Ontario
Posts: 669
Latest Blog: None
|
Try adding:
html>body #menu { width: 240px; }
to your stylesheet.
|
|
|
10-03-2004, 12:29 PM
|
#12 (permalink)
|
|
Inactive
Join Date: 10-13-03
Location: England
Posts: 2,781
Latest Blog: None
|
That worked perfectly, you're a saint. 
|
|
|
10-03-2004, 12:43 PM
|
#13 (permalink)
|
|
Inactive
Join Date: 08-06-04
Location: Ontario
Posts: 669
Latest Blog: None
|
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
|
#14 (permalink)
|
|
Inactive
Join Date: 10-13-03
Location: England
Posts: 2,781
Latest Blog: None
|
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
|
#15 (permalink)
|
|
Inactive
Join Date: 10-13-03
Location: England
Posts: 2,781
Latest Blog: None
|
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
|
#16 (permalink)
|
|
Inactive
Join Date: 05-12-04
Posts: 520
Latest Blog: None
|
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
|
#17 (permalink)
|
|
Inactive
Join Date: 10-13-03
Location: England
Posts: 2,781
Latest Blog: None
|
|
|
|
10-10-2004, 11:54 AM
|
#18 (permalink)
|
|
Inactive
Join Date: 10-13-03
Location: England
Posts: 2,781
Latest Blog: None
|
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
|
#19 (permalink)
|
|
Inactive
Join Date: 05-12-04
Posts: 520
Latest Blog: None
|
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
|
|
|
|