clickclickbang
asked on
Keep div with nested divs from wrapping to a new line
Experts, I have a div with three divs inside of it using float:left; and the parent div width of 100%. Then I have text inside each of the child divs. Here's the problem, depending upon the browser's width and the width of the text, the third child div will wrap to a new line. I need to do something so that the div will not wrap based upon the width of the browser. However, I need to have 100% width on the parent div so that it does take up full width of the browser.
Any ideas are appreciated!
~ C
Any ideas are appreciated!
~ C
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
It looks like it was the padding issue. Good catch Steggs!
You can't stop them wrapping to a new line unfortunately. This is normally caused by an image (like a header image) which prevents the div width from getting any smaller.
Thank you for the points, but if it was Steggs who came up the right answer, then all the points should really have gone to him. :)
Jezcentral.
Thank you for the points, but if it was Steggs who came up the right answer, then all the points should really have gone to him. :)
Jezcentral.
I say, share the wealth
Glad you got it sorted clickclickbang, thanks for the A
Glad you got it sorted clickclickbang, thanks for the A
ASKER