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 picture..in 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.

Help with layout

Hi!
This may be a very basic question, but I still need some help Smile

I have been asked to help try and fix this website (link below) for a small shop who I do work for.

What needs to be fixed is the image bar bellow the menu with the "A/W collection" wirtten on it.

The image does not move fluidly with the rest of the layout when the browser is resized.

Any help would be greatly appreciated.

http://www.rarasuperstar.com/

How this code works [It's About Float Container]?

Recently while doing practical from StunningCSS3 Book, I faced this problem. First please Look at the code.

HTML:

<h3>Download:</h3>
    <ul>
        <li><a href="video/cary.mov">Cary riding a horse for the first time (MOV)</a></li>
        <li><a href="photos/lymepark.jpg">Zoe at Lyme Park</a></li>
        <li><a href="photos/dovedale.jpg">Cary and Zoe in Dovedale Valley</a></li>
        <li><a href="photos/sudburyhall.jpg">Zoe at Sudbury Hall</a></li>
    </ul>

CSS:

h3 {
   float: left;
   font-size: .8em;
   font-weight: normal;

Syndicate content