Solved

getting div to expand for content

Posted on 2011-03-20
4
196 Views
Last Modified: 2012-05-11
Hi,

I have a simple div that has content inside of it but for some reason it does not seem to be expanding to accommodate its content, what's going on here? its the central div here:http://94.193.107.131/byr/

also I would like to float the whole page in the middle, whats the best way to do this, I've tried wrapping it up in a div like the footer but it has no effect?

Darren
0
Comment
Question by:darren-w-
  • 3
4 Comments
 
LVL 10

Expert Comment

by:aboo_s
ID: 35175122
Please provide the correspanding css file(code)
0
 
LVL 13

Author Comment

by:darren-w-
ID: 35175131
np:
/*
    Document   : layout.css
    Created on : 19-Mar-2011, 16:56:36
    Author     : Darren Whittington
    Description:
        Controls the structural layout of he page
*/

div{
   border-style: dotted;
   border-width:1px;
}

#banner, #logo,#breadcrumbs,#links,#search,#left_cell,#middle_cell,#right_cell{
   float:left;
   margin-left:10px;
   margin-top:10px;
}
#header,#navigation,#main_content,#footer{
   width:1000px;
}
#header{
   height:200px;
}
#logo,#banner{
   height:180px;
}
#logo{
   width:180px;
}
#banner{
   width:790px;
}
#navigation{
   height:40px;
}
#breadcrumbs,#links,#search{
   height:20px;
}
#breadcrumbs{
   width:350px
}
#links{
   width:350px;
}
#search{
   width:260px;
}
#main_content{
   height:auto;
}
#left_cell,#middle_cell,#right_cell{
height:auto ;
}
#left_cell{
   width:200px;
}
#middle_cell{
   width:560px
}
#right_cell{
   width:200px;
}

#footer{
   height:50px;

}
#sub_links{
   width:500px;
   height:30px;
   margin-top:10px;
   margin-left:auto;
   margin-right: auto;
}

Open in new window

0
 
LVL 13

Accepted Solution

by:
darren-w- earned 0 total points
ID: 35175208
Ok,

all fixed now, it was not expanding to the bottom becouse of the footer, and sorted the floating too....

D
0
 
LVL 13

Author Closing Comment

by:darren-w-
ID: 35213274
Fixed myself
0

Featured Post

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

708 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now