/    Sign up×
Community /Pin to ProfileBookmark

Need alittle help

whew I think I am getting this css thing alittle ? I need some help with making my css “ok” with firefox. Heres the site digitaleyesandears.com and my css is here [url]http://pastebin.com/506753[/url]. It looks wonderful in IE but breaks in firefox. Can somebody help me out with this?

Thanks
adam

to post a comment
CSS

21 Comments(s)

Copy linkTweet thisAlerts:
@thewebmanJan 15.2006 — try giving #wrapper a height. hope this helps!
Copy linkTweet thisAlerts:
@ciscoguy24authorJan 15.2006 — try giving #wrapper a height. hope this helps![/QUOTE]

Hi there no this didn't do anything in firefox ? And the footer is messing up too in firefox. Should sit right on the bottom of the window like it does in ie


adam
Copy linkTweet thisAlerts:
@ciscoguy24authorJan 16.2006 — *Bump*
Copy linkTweet thisAlerts:
@pcthugJan 16.2006 — Could you be more specific with the problems cause I dont know what you mean, IE and FF both dont work well for me so...
Copy linkTweet thisAlerts:
@ciscoguy24authorJan 16.2006 — ok pcthug what screen res are you seeing it in? I am running 1200 and 1152 In firefox when I view the site it has the contentcenter smashed with the footer and the footer is off the screen.
Copy linkTweet thisAlerts:
@pcthugJan 16.2006 — Im using 1024x768 FF/WIN combination,

To help me help you, ive highlighted parts of your site which seem to meet the criteria of:
I view the site it has the contentcenter smashed with the footer and the footer is off the screen.[/QUOTE]

I assume that you would like the circled content to be moved left, in the direction of the arrow, And that you wouldnt like any overhang

[upl-file uuid=010273ed-8632-475c-bd79-f80706db40a3 size=98kB]http_digitaleyesandears2.jpg[/upl-file]
Copy linkTweet thisAlerts:
@ciscoguy24authorJan 16.2006 — Im using 1024x768 FF/WIN combination,

To help me help you, ive highlighted parts of your site which seem to meet the criteria of:


I assume that you would like the circled content to be moved left, in the direction of the arrow, And that you wouldnt like any overhang[/QUOTE]


Thats it!! YES Can you still not look it up with IE? Thats a issue if you can't because it comes up fine for me on ie.....
Copy linkTweet thisAlerts:
@ray326Jan 16.2006 — Look ok except the footer p needs left:0 and you got two padding: rules in there.
Copy linkTweet thisAlerts:
@ciscoguy24authorJan 16.2006 — Look ok except the footer p needs left:0 and you got two padding: rules in there.[/QUOTE]

Hey ray whats up? I did what you said I added left:0 to footer p and took out the padding but still samething happens.

I am veiwing it as 1152 screen res not 1200


adam
Copy linkTweet thisAlerts:
@ray326Jan 16.2006 — That css isn't online. I'm running 1600x1200 right now but I never max the browser.
Copy linkTweet thisAlerts:
@ciscoguy24authorJan 16.2006 — That css isn't online. I'm running 1600x1200 right now but I never max the browser.[/QUOTE]


Sorry ray I forgot to upload it... Its online now ?
Copy linkTweet thisAlerts:
@ray326Jan 16.2006 — Hmm. Looks like you're offline at the moment.
Copy linkTweet thisAlerts:
@ciscoguy24authorJan 16.2006 — Hmm. Looks like you're offline at the moment.[/QUOTE]

Back on now had to leave work finally lol ?
Copy linkTweet thisAlerts:
@ray326Jan 16.2006 — Looks fine to me on Fx 1.07/ubuntu.
Copy linkTweet thisAlerts:
@ciscoguy24authorJan 16.2006 — Looks fine to me on Fx 1.07/ubuntu.[/QUOTE]

what screen res are you at? Because at 1200 and 1152 its messed up. The footer is not all the way down on the bottom
Copy linkTweet thisAlerts:
@ciscoguy24authorJan 16.2006 — what screen res are you at? Because at 1200 and 1152 its messed up. The footer is not all the way down on the bottom[/QUOTE]

And in IE the footer is not streching all the way to the right
Copy linkTweet thisAlerts:
@ray326Jan 17.2006 — I can use this to put the footer on the bottom - top:100%; margin-top:-1.2em;

IE's full width for me.
Copy linkTweet thisAlerts:
@pcthugJan 17.2006 — 1200+ should work with this, though It's only approx, and havent tested it in IE,
[CODE]
#footer p {
position:absolute;
top:92%;
left:11%;
right:70%;
background-color: #10100e;
width:67%;
text-align:right;
color:#999999;
font: normal 12px "Tahoma";
}[/CODE]
Copy linkTweet thisAlerts:
@ciscoguy24authorJan 17.2006 — 1200+ should work with this, though It's only approx, and havent tested it in IE,
[CODE]
#footer p {
position:absolute;
top:92%;
left:11%;
right:70%;
background-color: #10100e;
width:67%;
text-align:right;
color:#999999;
font: normal 12px "Tahoma";
}[/CODE]
[/QUOTE]


? Hey guys I tested both of these code snippets locally and they aren't working. ? The footer is still not at the very bottom and firefox is not liking it at all. This css thing is very frustrating to learn. Now somebody else told me I should be using relative positioning instead of AP. Is this why I am having all the issues?? I am sorry for being a pain but I would really like to learn all this and to get it right. Thanks Ray and pcthug for helping me out.

adam
Copy linkTweet thisAlerts:
@pcthugJan 17.2006 — Relative positioning would be alot easier to get working in all Browsers/OS/Screen Res

a #container, and align/position everything inside it.
Copy linkTweet thisAlerts:
@ciscoguy24authorJan 17.2006 — Relative positioning would be alot easier to get working in all Browsers/OS/Screen Res

a #container, and align/position everything inside it.[/QUOTE]


Well guys I am going to a design that looks like this http://www.mileskirk.com/

He uses a embeded script called flashobject and tables. I find that this design would be better for what I am trying to do then spending all my time on css. His idea is kinda what I was trying to do.... Thanks for everybody's help with this. I learned alot ?
×

Success!

Help @ciscoguy24 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...