בעיה בCSS עם height:100%

[M.a.T.a.N]

זה הקוד שלי:

<div id="con">
	<div style="float:right; background: red;">
text 
<br />
text 
<br />
text 
<br />

	</div>

	<div style="float:left; background: blue;">
text 
<br />

	</div>
</div>

איך ניתן לעשות שכאשר צד ימין יותר ארוך(בגלל שיש בו יותר טקסט) אז גם צד שמאל הרקע הכחול יתארך לאותו קו.
??

זה אפשרי לעשות בטבלאות אך אני לא רוצה להשתמש בטלבלה למה יש לי כבר קידוד מוכן וזאת הבעיה היחידה שלי.

תודה לעוזרים.

[dvirhazout]

תגדיר רקע דרך ה DIV של CON..

[M.a.T.a.N]

יש לו כבר רקע.

והשני דיבים שבתוכו יש רקע אחר, וזה מה שאני צריך למתוח כביכול ל100%.

אני יודע שזה אפשרי ראיתי פעם באיזה אתר אבל אני לא זוכר אותו.
ואני לא יודע איך עושים את זה.

[dvirhazout]

זה אפשרי עם JS ואני מניח שאתה לא רוצה להתעסק עם JS עכשיו..
אל תלך בדרך הזו כי אי אפשר פשוט..

תעשה עוד DIV ושים לו רקע נגיד של צד שמאל.
בצד ימין תעשה ת'רקע שאתה רוצה.

וכמובן שים איזה CLEAR אחרי 2 הDIVים עם ה FLOAT..

[M.a.T.a.N]

תאמת שאם יש אפשרות לJS אז אני אשמח.

למה הרעיון שהבאת לא ממש טוב לי.