[RESOLVED] Prevent div wrapping without fixed width

**bumpy** · 10-24-2012 07:25 AM

How can I prevent divs wrapping inside a div container which doesn't have a fixed width?

I have a parent div container which width set to 100%.
Inside it there are two child divs, both floated to the right.
The first div has a fixed width, but the second is supposed to fill the remaining space of the parent div, without wrapping.

Is that possible?

Thanks

**coothead** · 10-24-2012 07:55 AM

Hi there bumpy,

and a warm welcome to these forums.

Try it like this...

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="english"> 
<meta http-equiv="Content-Style-Type" content="text/css">

<title></title>

<link rel="stylesheet" type="text/css" href="/">

<style type="text/css">
#first-child {
    float:right;
    width:300px;
    background-color:#fcc;
 }
#second-child {
    margin-right:300px;
    background-color:#ccf;
 }
</style>

</head>
<body>

<div id="container">
 <div id="first-child">first child</div>
 <div id="second-child">second child</div>
</div>

</body>
</html>

coothead

**bumpy** · 10-24-2012 08:26 AM

Perfect!
I haven't even considered not floating the second div...

Thank you very much for the answer and the quick response!

**coothead** · 10-24-2012 08:34 AM

No problem, you're very welcome.

coothead

Thread: [RESOLVED] Prevent div wrapping without fixed width

Thread Tools

Display

[RESOLVED] Prevent div wrapping without fixed width

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions