2 replies [Last post]
johnyct9760
johnyct9760's picture
Offline
Enthusiast
Michigan, USA
Last seen: 5 years 44 weeks ago
Michigan, USA
Timezone: GMT-5
Joined: 2008-01-22
Posts: 68
Points: 25

Just a quick question in, I'm working on a little demo project and I'm trying to get to div columns to sit side by site but there misbehaving.

Link to demo page:

http://www.workspace.johncliffordtaylor.com/staff.php

I can get them to sit side by side if I adjust the percentages in the "width" rule. but what happening now is that the "wrapper" div is not encompassing the "nav" and "main" div pretty much give me what I currently have now.

What I would like to achieve would be the nav sitting to the left the main sitting to the right side by side with the wrapper extending down to frame both divs.

Thanks for the help, one love!

John

johnyct9760
johnyct9760's picture
Offline
Enthusiast
Michigan, USA
Last seen: 5 years 44 weeks ago
Michigan, USA
Timezone: GMT-5
Joined: 2008-01-22
Posts: 68
Points: 25

Solved but could you an explantion:

Ok so I found out what I needed to do to make it work I added the following 3 rules as a adjunct to existing my existing "wrapper" css rules:

#wrapper {
	position: relative;	
	clear: both;
	overflow: hidden;
}

Now with all that being said, to get this to work I did kind of grab the code from a site that had what I was looking for and kind of "trial and error / reverse engineer" there code to get what I was looking for.

If some one with more knowledge about CSS could look over the site layout:

http://www.workspace.johncliffordtaylor.com/staff.php

and explain why do those 3 rules make the difference between success and failure in the 2 column layout I would be most appreciative.

Thanks,

John

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 4 hours 36 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9743
Points: 3822

Enclosing floats

See Enclosing float elements. Ignore the IE comments as MSFT has finally joined the modern world.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.