peter_pan
07-15-2005, 03:22 PM
Hi!
I got an problem to place my rightbar on place, could anyone see what I´m doing wrong.
www.videohelp.se/up/
And this picture how I want it to be: www.videohelp.se/up/how.jpg
the code is:
<body>
<div id="container">
<div id="huvud">
<a href="http://www.videohelp.se/" title="videohelp.se">
<img src="file:///C|/mambo/xampp/htdocs/privat/logga.jpg" alt="videohelp logga" width="352" height="76" align="absmiddle" style="border: 0pt none ;" /><img src="file:///C|/mambo/xampp/htdocs/privat/se.jpg" alt=".se" width="100" height="46" align="absmiddle" style="border: 0pt none ;" />
</a>
</div>
<!--<div id="banner">Sidan där du får hjälp med dina filmer.</div>-->
<div id="kvadrat">
<!--mitten börjar-->
<div id="text">
<div id="header">
<ul id="primary">
<li><span>Hem</span></li>
<li><a href="about.html">Guider</a></li>
<li><a href="portfolio.html">Forum</a></li>
<li><a href="contact.html">Kontakta mig </a></li>
</ul>
</div>
<div id="main">
<div id="contents">
<h2>Välkommen till Videohelp.se</h2>
<p class="note">Use the tabs up above to navigate the site. The secondary navigation in the <a href="about.html">About Us</a> section is functional.</p>
<p>Suspendisse magna dui, porta in, condimentum at, molestie nec, augue. Quisque vulputate facilisis ipsum. Aenean sollicitudin quam sed ante. Donec at nunc. In hac habitasse platea dictumst. Suspendisse quis lorem sit amet eros congue volutpat. Nam laoreet ultricies pede. Nulla vestibulum, pede eget varius vestibulum, nisl mi aliquet nisl, eget eleifend quam dui faucibus tortor. Maecenas justo. In lacus nisl, tempus at, aliquam nec, ornare in, metus. Maecenas hendrerit mauris vitae purus. Cras id sem.</p>
<p>Curabitur vel urna vitae nunc bibendum porttitor. Nam tortor quam, luctus id, convallis sed, rutrum ac, ante. Proin euismod lacus vitae elit. Nullam vel diam in metus consectetuer facilisis.</p>
<p>In mauris enim, suscipit a, consequat quis, porta ut, diam. Vivamus tempor. Donec nec enim quis ante ullamcorper mollis. Praesent dictum. Donec arcu arcu, tincidunt a, placerat sit amet, porta eget, erat. Aliquam erat volutpat. Aenean egestas, dolor ut consectetuer pulvinar, mauris ante volutpat leo, non pulvinar erat justo vitae mauris. Donec laoreet dui at quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris id libero. Morbi luctus sapien vitae dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam pharetra vestibulum leo. Maecenas magna velit, porta eu, viverra quis, cursus non, sapien.</p>
<p> </p>
</div>
</div>
</div>
<!--mitten slutar-->
<!--Högerblock startar-->
<div id="rightbar">
<ul id="primary">
<li><span>Hem</span></li>
<li><a href="about.html">Guider</a></li>
<li><a href="portfolio.html">Forum</a></li>
<li><a href="contact.html">Kontakta mig </a></li>
</ul>
</div>
<!--Högerblock slutar-->
</div>
css code is here:
html { min-width: 600px; }
body, div, td, th, h2, h3, h4 { /* redundant rules for bad browsers */
font-family: verdana,sans-serif;
font-size: x-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
color: #333;
}
.clearhack { display: inline; } /*Clears Box Model Hack in IE5*/
body {
/*background: #EDEBE3;*/
color: #333;
padding: 1em 20px 3em 20px;
margin: 0;
}
#container {
width: 800px;
border: 1px solid gray;
margin: 1em;
margin-left: auto;
margin-right: auto;
padding: 0em;
color: #444444;
-moz-border-radius: 20px
}
#banner { margin:50px 10px 10px 0px;
padding: 5px 0px 5px 5px;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
font-size: 0.9em;
margin: 0px;
color: #339;
}
#huvud { padding-bottom:1em;
margin-top: 1em;
margin-left: 1em;
}
#kvadrat { padding: 0;
font-size:1em;
border: 1px dotted #cc4cc5
}
#text {
padding: 0;
margin-right: 150px;
background-color: #fff;
font-size:1em;
border-right: 1px solid #cccccc;
}
#rightbar { width: 150px;
padding: 0;
margin-left: 650px;
margin-top: 175px;
background-color: #fff;
font-size:1em;
/*border-right: 1px solid #cccccc;*/
}
Note: I put the css id="kvadrat" because I want to see how the page look like. I will later remove it.
thanks in advanced.
I got an problem to place my rightbar on place, could anyone see what I´m doing wrong.
www.videohelp.se/up/
And this picture how I want it to be: www.videohelp.se/up/how.jpg
the code is:
<body>
<div id="container">
<div id="huvud">
<a href="http://www.videohelp.se/" title="videohelp.se">
<img src="file:///C|/mambo/xampp/htdocs/privat/logga.jpg" alt="videohelp logga" width="352" height="76" align="absmiddle" style="border: 0pt none ;" /><img src="file:///C|/mambo/xampp/htdocs/privat/se.jpg" alt=".se" width="100" height="46" align="absmiddle" style="border: 0pt none ;" />
</a>
</div>
<!--<div id="banner">Sidan där du får hjälp med dina filmer.</div>-->
<div id="kvadrat">
<!--mitten börjar-->
<div id="text">
<div id="header">
<ul id="primary">
<li><span>Hem</span></li>
<li><a href="about.html">Guider</a></li>
<li><a href="portfolio.html">Forum</a></li>
<li><a href="contact.html">Kontakta mig </a></li>
</ul>
</div>
<div id="main">
<div id="contents">
<h2>Välkommen till Videohelp.se</h2>
<p class="note">Use the tabs up above to navigate the site. The secondary navigation in the <a href="about.html">About Us</a> section is functional.</p>
<p>Suspendisse magna dui, porta in, condimentum at, molestie nec, augue. Quisque vulputate facilisis ipsum. Aenean sollicitudin quam sed ante. Donec at nunc. In hac habitasse platea dictumst. Suspendisse quis lorem sit amet eros congue volutpat. Nam laoreet ultricies pede. Nulla vestibulum, pede eget varius vestibulum, nisl mi aliquet nisl, eget eleifend quam dui faucibus tortor. Maecenas justo. In lacus nisl, tempus at, aliquam nec, ornare in, metus. Maecenas hendrerit mauris vitae purus. Cras id sem.</p>
<p>Curabitur vel urna vitae nunc bibendum porttitor. Nam tortor quam, luctus id, convallis sed, rutrum ac, ante. Proin euismod lacus vitae elit. Nullam vel diam in metus consectetuer facilisis.</p>
<p>In mauris enim, suscipit a, consequat quis, porta ut, diam. Vivamus tempor. Donec nec enim quis ante ullamcorper mollis. Praesent dictum. Donec arcu arcu, tincidunt a, placerat sit amet, porta eget, erat. Aliquam erat volutpat. Aenean egestas, dolor ut consectetuer pulvinar, mauris ante volutpat leo, non pulvinar erat justo vitae mauris. Donec laoreet dui at quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris id libero. Morbi luctus sapien vitae dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam pharetra vestibulum leo. Maecenas magna velit, porta eu, viverra quis, cursus non, sapien.</p>
<p> </p>
</div>
</div>
</div>
<!--mitten slutar-->
<!--Högerblock startar-->
<div id="rightbar">
<ul id="primary">
<li><span>Hem</span></li>
<li><a href="about.html">Guider</a></li>
<li><a href="portfolio.html">Forum</a></li>
<li><a href="contact.html">Kontakta mig </a></li>
</ul>
</div>
<!--Högerblock slutar-->
</div>
css code is here:
html { min-width: 600px; }
body, div, td, th, h2, h3, h4 { /* redundant rules for bad browsers */
font-family: verdana,sans-serif;
font-size: x-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
color: #333;
}
.clearhack { display: inline; } /*Clears Box Model Hack in IE5*/
body {
/*background: #EDEBE3;*/
color: #333;
padding: 1em 20px 3em 20px;
margin: 0;
}
#container {
width: 800px;
border: 1px solid gray;
margin: 1em;
margin-left: auto;
margin-right: auto;
padding: 0em;
color: #444444;
-moz-border-radius: 20px
}
#banner { margin:50px 10px 10px 0px;
padding: 5px 0px 5px 5px;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
font-size: 0.9em;
margin: 0px;
color: #339;
}
#huvud { padding-bottom:1em;
margin-top: 1em;
margin-left: 1em;
}
#kvadrat { padding: 0;
font-size:1em;
border: 1px dotted #cc4cc5
}
#text {
padding: 0;
margin-right: 150px;
background-color: #fff;
font-size:1em;
border-right: 1px solid #cccccc;
}
#rightbar { width: 150px;
padding: 0;
margin-left: 650px;
margin-top: 175px;
background-color: #fff;
font-size:1em;
/*border-right: 1px solid #cccccc;*/
}
Note: I put the css id="kvadrat" because I want to see how the page look like. I will later remove it.
thanks in advanced.