Webmaster Forum

Go Back   Webmaster Forum > Web Development > Web Design Lobby

Web Design Lobby Forum for general web design issues not specific to scripting or graphics.


Reply
 
Thread Tools Display Modes
Share |
  #1  
Old 04-08-2009, 11:18 PM
mixelplik mixelplik is offline
Junior Member
 
Join Date: 02-14-09
Posts: 7
iTrader: 0 / 0%
100% Container Height Conundrum

Hey guys,

I need to fix this in my style sheet before I can move on, any help would be greatly appreciated

Here's what I need, the #rightsidebar to grow with the #content div, that way whenever there is more content added to the main container the rightsidebar will be in proportion to it.

here's the code:

* {
margin: 0px;
padding: 0px;
}

HTML, BODY {
font-family: Arial;
}

DIV {
border: none;
}

P {
margin: 1.5em 10px 10px 10px;
}

BR {
margin: 5px auto 5px auto;
}

#alignleft {
float: left;
}

#alignright {
float: right;
}

#page {
width: 980px;
margin: 5px auto auto auto;
}

#logo {
height: 155px;
width: 352px;
margin: auto;
float: left;
}

#logo img {
border: none;
}

#pagenav {
height: 155px;;
float: left;
margin-left: 55px;
font-size: .8em;
}

#pagenav a {
text-decoration: none;
color: white;
display: block;
}

#pagenav a:hover {
color: black;
}

#home, #services, #contact, #about, #faq {
float: left;
padding: 35px 0px 0px 2px;
margin: 0px 3px 0px 3px;
width: 55px;
color: white;
font-weight: bold;
}

#pagenav #home {
background: #FFD105;
}

#pagenav .active {
padding-top: 140px;
}

#pagenav .active a {
color: black;
}


#pagenav #services {
background: #0067B4;
}

#pagenav #contact {
background: #54C2BA;
}

#pagenav #about {
background: #008BCE;
}

#pagenav #faq {
background: #3B4D81;
}

#phonenumber {
float: right;
height: 25px;
width: 180px;
padding-top: 130px;
text-align: center;
color: #008BCE;
font-weight: bold;
}

#sidebar {
width: 225px;
float: left;
font-size: 1em;
}

#sidebar span {
line-height: .8em;
}

#sidebar form {
margin: 10px 10px auto 10px;
}

#sidebar input {
height: 20px;
}

#sidebar .inputform {
width: 155px;
}

#sidebar .margintop {
padding-top: 5px;
}

#sidebar center form table tbody tr td center div {
margin-bottom: 10px;
font-size: 1.3em;
}

#sidebar center form table tbody tr {
font-size: .7em;
}

#contentbg {
width: 800px;
background: url('sidebarbg.jpg') repeat-y;
float: left;
}

#content {
width: 550px;
min-height: 372px;
float: right;
padding: 0px 10px 25px 10px;
background: white;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
}

.mainimage {
text-align: center;
margin: auto auto auto 35px;
}

.contenthome {
border: solid 2px #FFD105;
}

.contentservices {
border: solid 2px #0067B4;
}

.contentcontact {
border: solid 2px #54C2BA;
}

.contentabout {
border: solid 2px #008BCE;
}

.contentfaq {
border: solid 2px #3B4D81;
}

#rightsidebar {
float: right;
width: 175px;
background:#ffff33 url('cali_health.jpg') no-repeat;
height: 440px;
}

#boxsection {
clear: both;
}

#boxsection #box1, #box2, #box3 {
float: left;
width: 312px;
height: 200px;
margin-top: 5px;
text-align: center;
}

#boxsection img {
margin: 10px auto;
}

#boxsection #box1, #box2 {
margin-right: 16px;
border-right: solid 2px #0067B4;
}

#boxsection h1 {
font-size: 1.4em;
}

#footer {
clear: both;
height: 35px;
margin-top: 5px;
color: #008BCE;
font-weight: bold;
}

#footer a {
color: #008BCE;
}
 
Reply With Quote

Advertisement

Advertisement

Go Back   Webmaster Forum > Web Development > Web Design Lobby

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
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

Similar Threads
Thread Thread Starter Forum Replies Last Post
Container positioning. Rushtrack Coding Forum 8 02-04-2008 10:21 AM
Yahoo Conundrum - any thoughts on this one? jay88 SEO Forum 5 12-20-2004 08:10 PM
not a problem per se... more like a conundrum downtroden Coding Forum 0 06-22-2004 07:39 AM
Google Conundrum webzilla Google Forum 4 06-16-2004 03:12 AM
Height Help! RMine Coding Forum 1 04-11-2004 02:41 AM


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 10:24 AM.
Powered by vBulletin
Copyright 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC