6 replies [Last post]
an3ss
Offline
newbie
Last seen: 13 years 1 week ago
Joined: 2007-10-17
Posts: 4
Points: 0

I want to achieve the following layout:

and have the right column "jump" when it does not fit in the viewport, like this:

Can this be done with CSS?
Thank you.

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 14 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

an3ss wrote: Can this be

an3ss wrote:

Can this be done with CSS?

Yes.

an3ss wrote:

Thank you.

You're welcome.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

an3ss
Offline
newbie
Last seen: 13 years 1 week ago
Joined: 2007-10-17
Posts: 4
Points: 0

How?! (if I may ask)

How?! (if I may ask)

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 14 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

You didn't ask that

You didn't ask that originally, now did you? Wink

First off, lets see what code you currently have.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

an3ss
Offline
newbie
Last seen: 13 years 1 week ago
Joined: 2007-10-17
Posts: 4
Points: 0

My initial design can be

My initial design can be simplified to:

Test

Now I want to change it so that the right column "jumps" as I explained before. I have experimented with floats and inline divs but I have had no success so far. BTW, I'm doing all my tests with Firefox 2.0.

Andy

an3ss
Offline
newbie
Last seen: 13 years 1 week ago
Joined: 2007-10-17
Posts: 4
Points: 0

I have found a

I have found a solution:

Test

IE6 requires some tweaking, but can be done too (well, there is a 3 pixel gap that I have seen documented but I will not try to fix):

Test

Thank you Deuce for letting me know it could be done Wink

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 14 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

No problem. Sorry I wasn't

No problem. Sorry I wasn't able to help out. I meant to get back to it, but I just had a developer move to sales so I got his workload Smile FUN FUN!

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph