Jump to content
Sign in to follow this  
lorikb

Section Next to a sidebar

Recommended Posts

lorikb    1
lorikb

Hello, I am trying to get the utestimonials section to show up next to a side bar, instead of below it. I am currently using the following css to decrease the width of the section and move it up.

	#utestimonials {
		margin-top: -300px;
		float: right;
	}
	
	#utestimonials .content {
		width: 670px;
	}
	

The problem I am having is that it floats the section all the way to the right and will shift it further to the right or left if I resize the window. I am working locally right now, but here is a screenshot via cloud app (safe link) http://cl.ly/1N2Z2V1O131J131t2I36 I will try and get some areas uploaded so I can the page can be inspected. I have not made any other major changes to layout other than increasing the padding between the sidebar and content and padding in some areas of the sidebar. Any input would be appreciated! Lori

Share this post


Link to post
Share on other sites
lorikb    1
lorikb
I ended up getting it to work by fixing the width of the container and using margins on the .content div Here is the code: [code] #utestimonials { width: 1100px; margin: 0px auto; } #utestimonials .content { width: 670px; margin-top: -300px; margin-left: 370px; } [/code] I haven't checked this across browsers. Lori

Share this post


Link to post
Share on other sites
catrina    103
catrina
If you find issues in other browsers I would advise using the browser-specific CSS plugin available from the PageLines Store.

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×