Quantcast
Channel: Adobe Community: Message List
Viewing all articles
Browse latest Browse all 93817

Re: Unable to place divs next to each other (DW CC 2014)

$
0
0

Here is the test template that had the issues without any divs that I was having issues with inserted.

 

<html>

    <head>

        <meta charset="utf-8" />

        <title></title>

        <style type="text/css">

            <!--

body {

    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;

    background-color: #42413C;

    margin: 0;

    padding: 0;

    color: #000;

    background-image: url(/grapics14/brick.jpg);

}

 

ul, ol, dl {

    padding: 0;

    margin: 0;

}

h1, h2, h3, h4, h5, h6, p {

    margin-top: 0;   

    padding-right: 15px;

    padding-left: 15px;

}

a img {

    border: none;

}

 

a:link {

    color: #42413C;

    text-decoration: underline;

}

a:visited {

    color: #7E8AC1;

    text-decoration: underline;

}

a:hover, a:active, a:focus {

    text-decoration: none;

}

 

.container {

    width: 960px;

    background-color: #FFFFFF;

    margin: 0 auto;

}

 

header {

    background-color: #11125F;

    height: 150px;

}

 

.sidebar1 {

    float: right;

    width: 100px;

    background-color: #3E0602;

    padding-bottom: 10px;

    height: 290px;

}

.content {

    padding: 10px 0;

    width: 860px;

    float: right;

}

 

 

.content ul, .content ol {

    padding: 0 15px 15px 40px;

}

 

 

nav ul{

    list-style: none;

    border-top: 1px solid #666;

    margin-bottom: 15px;

}

nav li {

    border-bottom: 1px solid #666;

}

nav a, nav a:visited {

    padding: 5px 5px 5px 15px;

    display: block;

    width: 160px;

    text-decoration: none;

    background-color: #C6D580;

}

nav a:hover, nav a:active, nav a:focus {

    background-color: #ADB96E;

    color: #FFF;

}

 

 

footer {

    padding: 10px 0;

    background-color: #28221F;

    position: relative;

    clear: both;

    height:70px;

}

 

 

header, section, footer, aside, article, figure {

    display: block;

}

-->

        </style>

        <!--[if lt IE 9]>

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

        <![endif]-->

    </head>

    <body>

        <div class="container">

        <header>

        </header>

        <div class="sidebar1"><!-- end .sidebar1 --></div>

        <article class="content">

        <section>{tag_pagecontent}</section>

        <!-- end .content --></article>

        <footer>

        <p> </p>

        </footer>

        <!-- end .container --></div>

    </body>

</html>


Viewing all articles
Browse latest Browse all 93817

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>