Simple question about extending divs in CSS

Question

Hi,

i have this page.

login: fer password: m

Note: after login you will be redirected to another page. Then click again the link i mention.

Is there any way to extend the red div to the blue div?

Ciao

Javi

Answer 1

The simplest thing to do is give the red div a width of 95% and the blue div 5%. Look at css frameworks like blueprint css which helps you do such layouts.

Answer 2

By floating the "container" div and giving it width: 100%, you can extend the red background across the full width of the page without changing the position of the blue div:

<div style="background:red; float:left; width:100%;"> 
  <div style="float:left;">This</div> 
  <div style="width:6.3em; background: blue; float:right;">This</div> 
</div> 

Answer 3

Thanks anthares, but after that the blue div goes down... I want them in the same line.