Issue with clearing left and right floats within the same DIV

Hey everyone! Thanks in advance for your help. I've been a long time lurker and I finally have an issue I couldn't solve by just searching the forum...

I'll try to make this as clear as possible. First, a brief description..

Help me with layout, i am a begginer

I have big problem with this.. Red square is div element..I can't find how to red square stay in the same position on the background when resizing..You can see problem on one resolution the red square is on the head and on the oder far away..bacause width changed...The same question is for other elements..When i resize window they move..I don't want that..I want them to stay in the same position and that scrool bar appears. I want them to be like one part. I hope you understand me..Let me know if you need my css and html file.

How to cancel a CSS image tag for only one image inside a <div>?

HI! I am very unexperienced in css, and am currently trying a few things for my website to understand its concept. The website is pretty simple, and the layout works fine, but I have one problem.

I need colour removing from padding?

Hi all

I'm just a beginner so if the below question seems easy, apologies but i'm struggling with it!

I have a #footer which is 908px wide x 100px high, im trying to put 20px of white space above the footer in between the main image.

So i have the following BUT it is showing the padding as the background colour instead of white! How can i fix this.


#footer {
width: 968px;
background-color: #BC1745;
height: 100px;
padding-top: 20px;

Any help much appreciated.

Many thanks


How can I make good mobile responsive transition?

Hello guys,
I have currently trying to make css transition into my website.
I think I have done a great job on a desktop. However, when I go to mobile, bad thing happen Sad
The page is here: My Problem Page

What I want to do is like this: when mouse over the avatar, the <div> increase length and a text box showing my name and contact appear below.

/* About Us CSS
------------------------------------------------------------ */
.left {
	float: left;
.right {
	float: right;
.single-set {
	overflow: hidden;

Syndicate content