/    Sign up×
Community /Pin to ProfileBookmark

[CSS] Content box moving

Copy linkTweet thisAlerts:
Jul 29.2011

Hi guys,

I’m having a issue with a content box on my website:

[url]http://willastonbarbershop.com/[/url]

As you can see the right box 2 is currently in it’s own little world – It should be underneath right content box 1.

It sits fine if there is more content inside of the Main content box.

The right box 2 only falls into this position if there isn’t enough content in the Main content box for it to be “pushed” over to the right.

Any help would be greatly appreciated! Thanks ?

to post a comment
CSS

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@Frank62Jul 29.2011 — Hey guy,

That's logical. You have two consecutive divs with a float:right - right box 1 and 2. That means that the second wants to crawl left next to the first. And that's exactly what nr. 2 is doing, unless it is pushed down and to the right by the text in main content div. See http://css.maxdesign.com.au/floatutorial/ for the whole story. Try this, as a quick fix: put a <div style="clear:both;"></div> between nr 1 and 2.

Cute image, btw. What program did you make it with?
Copy linkTweet thisAlerts:
@equal6authorJul 30.2011 — Hey guy ?

Thanks for the reply, your fix correct my problem straight away thanks mate ? I made everything with Photoshop thanks for the compliment

Cheers ?
Copy linkTweet thisAlerts:
@equal6authorJul 30.2011 — Thanks ?
Copy linkTweet thisAlerts:
@equal6authorJul 30.2011 — Hey guy ?

That fix you suggested corrected my problem straight away, thanks for that! My design is all done in photoshop thanks for the compliment ?

Cheers
×

Success!

Help @equal6 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,
)...