logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > CMS (wordpress,Drupal,joomla etc)
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 04-09-2011, 11:01 PM   #1
cocoonfx
cocoonfx's Avatar
 
Join Date: Nov 2006
Location: Tamworth,UK
Posts: 576
Default Problem with sidebar

Hi Guys


I have managed to build my own template with a little bit of trail and error. My layout is nearly 100% but my sidebar is out of position. Any ideas on how to fix it?

http://www.dcfontana.com/as/
cocoonfx is offline   Reply With Quote
Old 04-11-2011, 04:02 PM   #2
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

Looks good here. Can you explain a little further?
domedia is offline   Reply With Quote
Old 04-12-2011, 07:19 AM   #3
cocoonfx
cocoonfx's Avatar
 
Join Date: Nov 2006
Location: Tamworth,UK
Posts: 576
Default

Hi Domedia


if you look at the footer there is a gallery which is in the side bar, I need to get this up into the body on the right handside and I can not figure out what I have done with the css!

Any ideas?
cocoonfx is offline   Reply With Quote
Old 04-12-2011, 09:49 PM   #4
domedia
Administrator
domedia's Avatar
 
Join Date: Dec 2003
Posts: 9,730
Default

Move it up before #content and float it. This is too basic for you cocoonfx
domedia is offline   Reply With Quote
Old 04-13-2011, 08:29 AM   #5
cocoonfx
cocoonfx's Avatar
 
Join Date: Nov 2006
Location: Tamworth,UK
Posts: 576
Default

hi domedia

humm wish it where that simple :O) I used another theme and bastardised it with HTML 5 and changed the CSS structure. It seems that the page div secondary div are the problems as well as the primary div and I feel a div for not making notes on which bits a changed! I think I may have to start again (
cocoonfx is offline   Reply With Quote
Old 04-15-2011, 12:25 AM   #6
cocoonfx
cocoonfx's Avatar
 
Join Date: Nov 2006
Location: Tamworth,UK
Posts: 576
Default

OK I figured it out, I changed some key areas on the CSS which completely screwed the layout.

the below css is how I sorted the layout. Next task is to see how to have 3 side bars ;o)

#page {
margin: 0 auto;
padding: 22px 0;
width: 940px;
font: 13px/16px Helvetica, Arial, sans-serif;
background-color: #000;
}
#primary {
float: left;
margin: 0 -240px 0 0;
width: 600px;
}
#main {
background-color: #000;
}

#content {
margin: 0 280px 0 0;
-moz-border-radius: 22px 22px 22px 22px;
background-color: #FFF;
background-repeat: repeat-x;
margin-top: 66px;
padding: 44px;
position: relative;
min-height: 500px;
margin-right: 5px;
margin-left: 5px;
border: 1px solid #F00;

}
#main .widget-area {
-moz-border-radius: 22px 22px 22px 22px;
border: 1px solid #F00;
margin-top: 66px;
padding: 44px;
position: relative;
float: right;
overflow: hidden;
width: 220px;
background-color: #FFF;

}
cocoonfx is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 05:32 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com