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
Text of of rounded Box when "floated"
Old 10-31-2010, 11:32 AM Text of of rounded Box when "floated"
Skilled Talker

Posts: 52
Trades: 0
Hi,

I have a rounded box, everything is ok within it but when I put in it floated div or paragraphs , one to left and one to right are showed outside the box...

this is my css code:
Code:
/* set millions of background images */
.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 99%; margin: 1em auto; }
.leftinbox{
float:left;
color:#FFFFFF;
width:49%;
}

.rightinbox{
float:right;
width:49%;
color:#FFFFFF;
}

and this my html:

HTML Code:
<div class="rbroundbox">
    <div class="rbtop"><div></div></div>
        <div class="rbcontent">
        <div class="leftinbox">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim

id est laborum Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint </div>
<div class="rightinbox">occaecat cupidatat non proident, sunt in culpa qui officia de magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor

eprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</div>

        </div>
    <div class="rbbot"><div></div></div>
</div><!-- /rbroundbox -->



webmastertalker is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 10-31-2010, 12:44 PM Re: Text of of rounded Box when "floated"
shivaji's Avatar
Ultra Talker

Posts: 321
Trades: 0
Link of your page will help more then code. But just for start you have eight open divs and only six closed???
__________________

Please login or register to view this content. Registration is FREE
- uncommon free scripts

Please login or register to view this content. Registration is FREE
- Städte, Sport, Party, Gourment, Apartments, Hotels
shivaji is offline
Reply With Quote
View Public Profile Visit shivaji's homepage!
 
Old 11-01-2010, 02:05 AM Re: Text of of rounded Box when "floated"
Novice Talker

Posts: 13
Name: Timo Rautiainen
Trades: 0
My wild guess from your code is that you need to give the container box some paddings.

About the div's, all of them are closed nicely. Did calculations and even checked with syntax highlighter no problem with them
Lazylegs is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Text of of rounded Box when "floated"
 

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 2.59661 seconds with 12 queries