[Solved] spanning a element

[zaahideen]

hi, i am trying to create

<div> layout where there are TWO columns and TWO rows. BUT i need the LEFT column to span over two rows.
so this is what ive got so far:
https://jsfiddle.net/zaahideen/f7z27vmp/embedded/result/

but the problem i have is that when resizing the browser i cant get the #text div to appear under the image div.

any suggestions please?

[Paulie_D]

It’s not clear which #text div you are referring to since none of the divs in your demo have IDs.

At what point should the #text div (whichever one it is) be under the image? You don’t seem to be using media queries.

Also, you might consider making it easier for the rest of us by extracting all the inline CSS to the proper styles area as provided by JSfiddle.

[zaahideen]

awfully sorry for not presenting my coding correctly.

please see updated version now:
https://jsfiddle.net/zaahideen/f7z27vmp/7/

so i need the “.text_container” to move below the “#quick_link_image” when the browser reaches 850px in width.

please help

[Beverleyh]

The left float on .quick_link_image is making it sit to the side so look into using media queries, and only set the float when min-width:850px is reached.

[zaahideen]

thanks

[Author]

Posts