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

Welcome to Dream.In.Code
Become an Expert!

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




Help, my boxes are moving with the size of browser

 

Help, my boxes are moving with the size of browser

bridgeuk

24 Oct, 2009 - 01:00 PM
Post #1

New D.I.C Head
*

Joined: 21 Oct, 2009
Posts: 42

I am currently starting to use CSS and with my current site it seems everytime i resize my brower the boxes move but the text stays, its like they are not even attached! i just want it to all stick together like a normall website, any ideas people?

currently looks like this:
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}
    
    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 }

    
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;
}
        
    .navigation {
    border:#000000;
    border:dotted;
    margin: 0px;
    padding: 0px;
    Position:absolute;
    left: 26px;
    top: 180px;
    bottom: 30px;
    width: 149px;
    text-align:center;
    height: auto;
        }
    
    .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:auto;
    visibility: visible;
    }
    

</style>


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


User is offlineProfile CardPM
+Quote Post


iphoneorange

RE: Help, My Boxes Are Moving With The Size Of Browser

24 Oct, 2009 - 03:31 PM
Post #2

D.I.C Head
Group Icon

Joined: 20 Aug, 2008
Posts: 145



Thanked: 17 times
Dream Kudos: 75
My Contributions
Post the (X)HTML too. We can only imagine the problem unless we actually see it
User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic

Time is now: 11/21/09 04:13PM

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