www.webdeveloper.com
Results 1 to 2 of 2

Thread: divs next to div

  1. #1
    Join Date
    Nov 2008
    Posts
    13

    divs next to div

    hi there again,
    i wantet to ask if its possible to set in a div 2 divs or mehr next to each other!

    i am designing a center layout

    here is my hole code: thanks a lot!

    --------------------------------------------------------------------------------------

    <html>
    <head>
    <title>Centering a page layout with CSS</title>
    <style type="text/css">
    <!--
    body {
    text-align: center;
    min-width: 760px;
    background-image: url(index_backround.jpg);
    }
    #wrapper {
    width: 760px;
    background-image:url(index_banner.jpg);
    text-align: left;
    background-repeat: no-repeat;
    height: 140px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    border-right-width: thin;
    border-left-width: thin;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #000000;
    border-left-color: #000000;
    border-top-width: thin;
    border-top-style: solid;
    border-top-color: #000000;
    }
    .style1 {color: #FFFFFF}
    #apDiv1 {
    width:760px;
    height:25px;
    margin-left:auto;
    margin-right:auto;
    z-index:1;
    }
    #apDiv2 {
    background-image:url(index_wall_760_gray.jpg);
    top:198px;
    width:760px;
    height:380px;
    z-index:-1;
    margin-left:auto;
    margin-right:auto;
    border-right-width: thin;
    border-left-width: thin;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #000000;
    border-left-color: #000000;
    }
    #apDiv3 {
    margin-left:auto;
    margin-right:auto;
    top:539px;
    width:760px;
    height:25px;
    z-index:1;
    background-image:url(index_footer.jpg);
    border-right-width: thin;
    border-left-width: thin;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #000000;
    border-left-color: #000000;
    background-repeat: repeat-x;
    border-bottom-style: none;
    }
    #apDiv4 {
    background-color:#00FF33;
    margin-left:0;
    top:184px;
    width:80%;
    height:56px;
    z-index:1;
    }
    .style2 {color: #FF0000}
    -->
    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    </head>
    <body>
    <div class="style1" id="wrapper">
    <p><br>
    <br>
    <br>
    </p>
    <p><br>
    </p>
    </div>
    <div id="apDiv1">
    <script type="text/javascript">
    AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','760','height','25','title','index_buttons','src','index_butto ns','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','index_buttons' ); //end AC code
    </script>
    <noscript>
    <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="760" height="25" title="index_buttons">
    <param name="movie" value="index_buttons.swf">
    <param name="quality" value="high">
    <embed src="index_buttons.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="760" height="25"></embed>
    </object>
    </noscript>
    </div>
    <div id="apDiv2"><div class="style2" id="apDiv4">
    <div align="left"><br></div>
    </div>
    </div>
    <div id="apDiv3"></div>

    </body>
    </html>
    Last edited by berlin28; 11-14-2008 at 05:01 AM. Reason: error

  2. #2
    Join Date
    Nov 2008
    Posts
    13
    i mean next to the apDiv4 i want another div next to it

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles