Databases
StackOverflow2013
Postsdbo
POBorder length - I need it from top to bottom
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POBorder length - I need it from top to bottom
    primarykey
    data
    text
    <p>I have a page with fixed width and I am trying to put borders on it, left and right without success.</p> <p>I know how to show borders but I cannot make them to reach the bottom of the page and stay there, unlees I set my divs to position:fixed which is not desired for my content div since I want it to scroll. is there a way to get around it?</p> <p>Here is my css file (the code as shone below makes my borders go until 1/3 of my window even if I set body height:100%) - Thank you in advance:</p> <pre><code>body { margin: 0 auto; padding: 0 0 0 0; width: 1024px; /*height: 100%;*/ min-width: 50%; font-family: calibri; background-color: #999; background-image: url("bg.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position: top center; overflow-y: scroll; overflow-x: auto; border-right: solid; border-right-width: 5px; border-left: solid; border-left-width: 5px; border-color: #1d687b; } div#all { position: relative; width: 1024px; height: 100%; margin: 0 auto; /*padding: 0 0 5px 0; border-right: solid; border-right-width: 5px; border-color: #1d687b;*/ } div#top { position: fixed; margin: 0 auto; width: 1024px; height: 145px; background-image: url("images/bg_ttl.jpg"); /*border-right: solid; border-right-width: 5px;*/ border-bottom: solid; border-bottom-width: 5px; /*border-left: solid; border-left-width: 5px;*/ border-color: #1d687b; overflow: hidden; z-index: 1; } div#top_left { position: relative; width: 190px; height: 135px; padding: 5px; float: left; text-align: left; vertical-align: middle; } div#top_right { position: relative; width: 190px; height: 135px; padding: 5px; float: right; text-align: center; vertical-align: middle; } div#top_center { position: absolute; left: 200px; width: 624px; height: 135px; padding: 5px 0; float: right; font-family: metalord; font-weight: bold; text-align: center; vertical-align: middle; } div#left_menu { position: fixed; top: 150px; float: left; width: 185px; height: 100%; padding: 15px 5px 15px 5px; border-right: solid; border-right-width: 5px; /*border-left: solid; border-left-width: 5px;*/ border-color: #1d687b; overflow: hidden; } div#content { position: relative; top: 150px; left: 205px; width: 784px; height: 100%; padding: 15px 15px 5px 15px; /*border-right: solid; border-right-width: 5px; border-color: #1d687b;*/ } </code></pre> <p>HTML</p> <pre><code>&lt;!DOCTYPE&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;arserus.com&lt;/title&gt; &lt;link rel="stylesheet" type="text/css" href="style.css" /&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="all"&gt; &lt;div id="top"&gt; &lt;div id="top_left"&gt; &lt;span class="ttl_sd_l"&gt; &lt;img src="images/bttn_prpl.png" class="tl_txt" alt=""&gt; network &lt;br /&gt; &amp;nbsp;&amp;nbsp;&amp; support &lt;br /&gt; &lt;br /&gt; &lt;img src="images/bttn_prpl.png" class="tl_txt" alt=""&gt; creative ideas &lt;br /&gt; &amp;nbsp;&amp;nbsp;&amp; organization&lt;/span&gt; &lt;/div&gt; &lt;div id="top_center"&gt; &lt;span class="ttl_txt"&gt;ARSERUS&lt;/span&gt; &lt;/div&gt; &lt;div id="top_right"&gt; &lt;div&gt; &lt;span class="ttl_sd_r"&gt; &lt;u&gt;e-mail:&lt;/u&gt; &lt;br /&gt; info@arserus.com &lt;br /&gt; &lt;br /&gt; &lt;u&gt;phone No. (cy):&lt;/u&gt; &lt;br /&gt; 7000 17 37&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="left_menu"&gt; &lt;div align="right"&gt; &lt;span class="mn_lnk"&gt;&lt;a id="p_home" class="lnk"&gt;home&lt;/a&gt;&lt;/span&gt; &lt;br /&gt; &lt;br /&gt; &lt;span class="mn_lnk"&gt;&lt;a id="p_about" class="lnk"&gt;about us&lt;/a&gt;&lt;/span&gt; &lt;/div&gt; &lt;div id="cp_rght"&gt; &lt;span class="txt_cr"&gt;© 2012 ARSERUS&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="content"&gt; &lt;?php require_once('p_home.php'); ?&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USPavlos1316
    1. USPavlos1316
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COCan you post the HTML to go along with this CSS?
      singulars
      1. POBorder length - I need it from top to bottom
      1. USAnthony Grist
    2. COHTML code? Ideally as JSFiddle.
      singulars
      1. POBorder length - I need it from top to bottom
      1. USYule
    3. COHave a look here http://www.dave-woods.co.uk/index.php/100-height-layout-using-css/ or google for `css full height layout`
      singulars
      1. POBorder length - I need it from top to bottom
      1. USDerVO
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload