asked on

What Code is Messing Up my CSS?

Hi Expert,

Somehow the website here has some conflicting margin issues on the top with the text. The CKeditor is also conflicting with the footer, which is supposed to be always at the bottom.

What code is affecting this? I've tried for 3 hours trying to debug using dev tools.

Thank you for your time!

Gary

The text is controlled by the margin-top in
.margin100t {}
line 9033

As for the footer is it supposed to be sticky or fixed?
Are you trying to do this
http://www.cssstickyfooter.com/

Andy_Fang

ASKER

As for the footer is it supposed to be sticky or fixed?
Are you trying to do this
http://www.cssstickyfooter.com/

Yes! That's exactly what I'm trying to do, in fact I've used CSSstickyfooter.com's CSS code, yet it doesn't seem to be working 100% for me.

Andy_Fang

ASKER

EDIT: I've changed the CSS from

.margin100t {margin-left:100px;margin-right:100px;margin-top:25px;}

Open in new window

.margin100t {margin-left:100px;margin-right:100px;}

Open in new window

and this H1 isn't appearing:

    <h1><font size="6px"><b>Use LeakStack to Share and Earn With Files in Seconds.</b></font></h1>

Open in new window

Gary

You need to increase the top margin not remove it

Rob

I would also fix the many errors and warnings you have with your markup: http://validator.w3.org/check?uri=https%3A%2F%2Fleakstack.com%2Fnew%2Fstack&charset=%28detect+automatically%29&doctype=Inline&group=0

There are tags not closed for starters, which can cause site behavioral issues.

Andy_Fang

ASKER

Hi all, thanks for the comments.

If you go here, the second part has conflict between the image and text, what is the issue here? How do I make it not conflict?

Gary

Are you talking about the Get paid instantly, automatically part?
How should it look?

p.s. the site is very very slow to load.

Andy_Fang

ASKER

Are you talking about the Get paid instantly, automatically part?

Yes, that's what I'm refering to. I do not want the text to collide with the image like so: http://gyazo.com/63f9e76c1ca3f5df2189e388ebe9f01b

Gary

So how should it look?
Above it, below it or to the right hand side?
Your main problem is that the image is a background image so it will not affect any other content that would normally happen like wrapping.

Andy_Fang

ASKER

Basically I would like it to be aligned to the right of the image, so as long as the text is comftorable to the eye.

Perhaps there's code that will allow me to align it to the bottom of the image if the user is in a small screen like mobile?

ASKER CERTIFIED SOLUTION

Gary

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Andy_Fang

ASKER

Worked like a charm!