Click to See Complete Forum and Search --> : floating columns


jrthor2
09-19-2008, 10:44 AM
Why is the right column on this page not at the top, and bumped to the bottom?

http://www.alanwenrichphd.com/directions/

Thanks.

aj_nsc
09-19-2008, 10:55 AM
I think you might want to check this out:

http://csscreator.com/?q=divitis

After you have a glance at this you might find it easier than you ever imagined to position things on your site.

jrthor2
09-19-2008, 10:58 AM
that really didn't tell me anything.

aj_nsc
09-19-2008, 11:08 AM
Fine, you don't want to read any articles/learn how you're making the process of making a webpage disgusting hard on yourself when it could be so much conceptually easier, then here you go:

Take the float: left styling off your map div.
In your markup, put your directions div before you map div.

Whamo - just as you wanted.

no/good/at/this
09-19-2008, 11:17 AM
Took this from your css:

/* Directions */
#map {
flot: left;
width: 500px;
height: 400px
}
Mis-spelling in property float: left;
Also no hieght property for #directions:
#directions {
float: right;
width: 200px;
border: 1px solid #071051;
}
With that said have i got the right id? Hard for me to say.