School Assignment? Project Due Tomorrow? Chat LIVE With A Programming Expert!

Welcome to Dream.In.Code
Become an Expert!

Join 307,099 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 2,023 people online right now. Registration is fast and FREE... Join Now!




Resizing main content area

 

Resizing main content area

bridgeuk

24 Oct, 2009 - 12:24 PM
Post #1

New D.I.C Head
*

Joined: 21 Oct, 2009
Posts: 42

Really simple query, how can I make the main content area on my .css file so that it will just resize depending on the amount of content. At the moment When I use my current .css file it just expands stupid amounts to fit one of my pages and on the others I have loads of space.

Thanks

User is offlineProfile CardPM
+Quote Post


RudiVisser

RE: Resizing Main Content Area

24 Oct, 2009 - 12:34 PM
Post #2

.. does not guess solutions
Group Icon

Joined: 5 Jun, 2009
Posts: 1,891



Thanked: 139 times
Dream Kudos: 125
Expert In: PHP, MySQL, HTML, CSS, C#

My Contributions
Not sure what you mean.. What element are you trying to make auto?? You could always just try width:auto depending on the element type.

Want to show us code? smile.gif
User is offlineProfile CardPM
+Quote Post

bridgeuk

RE: Resizing Main Content Area

24 Oct, 2009 - 12:39 PM
Post #3

New D.I.C Head
*

Joined: 21 Oct, 2009
Posts: 42

QUOTE(RudiVisser @ 24 Oct, 2009 - 12:34 PM) *

Not sure what you mean.. What element are you trying to make auto?? You could always just try width:auto depending on the element type.

Want to show us code? smile.gif


My current code looks like this, i know its quite messy as im new to this but basicly i just want the main content area to resize based on the amount of content on the page, not just stay the same and have images/text outside the content box.

CODE

<style type = "text/css">
    em        {background-color: #0099CC;
            color: white }
    h1        {font-family: Verdana, Arial, Helvetica, sans-serif }
    h2        {font-family: Verdana, Arial, Helvetica, sans-serif }
    p        {font-family: Verdana, Arial, Helvetica, sans-serif }
    p        {font-size: 10pt}
    .style1 {color:blue}
    
    span    { color: blue;
            font-size: .6em;
            height: 1em }
    .super    { position: relative;
            top: 1ex }
    .sub    {position: relative;
            bottom: 1ex }
    .shift1 {position: relative;
            left: -1ex }
    .shiftr    {position: relative;
            right: -1ex }
    
    a:hover {text-decoration: underline;
                color: blue; }
                
    body {background-color:#83C8E2;
            background-position: center
            background-repeat: no-repeat;
            background-attachment: fixed }
    
    div {background-color: #FFFFFF;
        margin-bottom: 2em }
        
    .navigation {
    border:#000000;
    border:dotted;
    margin: 0px;
    padding: 0px;
    Position:absolute;
    left: 26px;
    top: 180px;
    bottom: 30px;
    width: 149px;
    text-align:center;
    height: 522px;
        }
        
}
    
body,td,th {
    color: #000000;
}
a:link {
    color: #000000;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #000000;
}
a:hover {
    text-decoration: none;
    color: #FFFFFF;
}
a:active {
    text-decoration: none;
    color: #000000;
}
    
    
        div {
    background-color: #0099CC;
    margin-bottom: 2em
}
    
    .header {
    border:#000000;
    border:dotted;
    width: 1069px;
    position:absolute;
    text-align:center;
    right: 25px;
    top: 30px;
    left: 25px;
    bottom: 30px;
    height: 119px;
    }
    
    .content {
    border:#000000;
    border:dotted;
    margin: 0px;
    padding: 0px;
    float: center;
    Position:absolute;
    right: 25px;
    left: 202px;
    top: 180px;
    bottom: 30px;
    width: 892px;
    height: 870px;
    visibility: visible;
    }
    

</style>


@charset "utf-8";
/* CSS Document */


User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic

Time is now: 11/21/09 12:12PM

Live Help!

Be Social

Dream.In.Code RSS Feed Dream.In.Code LinkedIn Group Follow Us On Twitter Fan Us On Facebook

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month