Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Floating issue - clears, but I don't want it to.
Old 06-14-2009, 09:12 PM Floating issue - clears, but I don't want it to.
Novice Talker

Posts: 5
Trades: 0
So I have been looking at this floating/positioning issue all day, and I just can't for the love of me figure it out.

The site is http://jorgennovik.com/test/aboutme.html, and the problem is that the brown box to the right won't allow me to float or align objects in the main column. The picture should be on the top of the paragraph, but the brown box bumps it down. If I move the brown box below the main column in the body, then it will stay below the main column at all times.

The brown box is floated right, with clear right. Setting clear to none does not help.

Anyone who can help me on this? Greatly appreciated!!
Novi84 is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 06-14-2009, 10:07 PM Re: Floating issue - clears, but I don't want it to.
TripleMoons's Avatar
Webmaster Talker

Posts: 614
Name: Stephanie Kunder
Location: Hanover, PA
Trades: 0
I would program this a bit differently to prevent the issue.

I would start by fixing this:

body {
font-family:Tahoma, Geneva, sans-serif;
width:100%;
<-- Remove, completely not needed and is causing a horizontal scroll bar
background-image: url(images/body_bg.gif);
background-repeat: repeat;
<-- Remove, unnecessary
}

I've attached a screenshot of your layout with how I would program it (also attached is a screenshot of how you actually programmed it). The blue would be a nested div in the red div.
Attached Images
File Type: jpg suggested.jpg (64.2 KB, 4 views)
File Type: jpg existing.jpg (64.8 KB, 4 views)
__________________

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

TripleMoons is offline
Reply With Quote
View Public Profile Visit TripleMoons's homepage!
 
Old 06-14-2009, 10:15 PM Re: Floating issue - clears, but I don't want it to.
Novice Talker

Posts: 5
Trades: 0
Oh, thanks a lot! I'll try creating those left and right columns, and see if that works better.
Novi84 is offline
Reply With Quote
View Public Profile
 
Old 06-14-2009, 10:43 PM Re: Floating issue - clears, but I don't want it to.
Novice Talker

Posts: 5
Trades: 0
It worked!! Thanks a lot I guess I should have worked out a better wireframe before I got started.

Again, thanks!
Novi84 is offline
Reply With Quote
View Public Profile
 
Old 06-15-2009, 09:11 AM Re: Floating issue - clears, but I don't want it to.
TripleMoons's Avatar
Webmaster Talker

Posts: 614
Name: Stephanie Kunder
Location: Hanover, PA
Trades: 0
Glad I could help.
__________________

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

TripleMoons is offline
Reply With Quote
View Public Profile Visit TripleMoons's homepage!
 
Reply     « Reply to Floating issue - clears, but I don't want it to.
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.33035 seconds with 13 queries