Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I'm pretty sure this tactic will work for you: <a href="http://www.ejeliot.com/blog/61" rel="nofollow noreferrer">http://www.ejeliot.com/blog/61</a></p> <p>Edit: Ok, here we go.</p> <p>Looking past the Dreamweaver template and split up inline CSS, I have made adjustments as follows:</p> <p>1> Move mainContent between sidebar1 and sidebar2 in the HTML.<br /> 2> Change sidebar1's css to:</p> <pre><code>.thrColFixHdr #sidebar1 { float: left; width: 150px; background: #CCCCCC; padding: 15px 10px 0px 20px; margin-bottom: -2000px; padding-bottom: 2000px; } </code></pre> <p>The background has been changed to highlight the effect on the page.</p> <p>3> Change sidebar2's css to:</p> <pre><code>.thrColFixHdr #sidebar2 { float: left; width: 160px; background: #EEEEEE; padding: 15px 10px 0px 20px; margin-bottom: -2000px; padding-bottom: 2000px; } </code></pre> <p>4> Change mainContent's css to:</p> <pre><code>.thrColFixHdr #mainContent { float: left; width: 390px; background: #DDDDDD; padding: 0 10px; margin-bottom: -2000px; padding-bottom: 2000px; } </code></pre> <p>5> Add a definition for contentContainer:</p> <pre><code>.thrColFixHdr #contentContainer { overflow: hidden; } </code></pre> <p>6> Change .footer to #footer and change margin-top: 8px to padding-top: 8px and add text-align:center and break up the footer text.</p> <p><em>Entire code run through Notepad++ HTML Tidy here (some tab formatting slightly lost when putting into Stack Overflow):</em></p> <pre><code>&lt;?xml version="1.0" encoding="iso-8859-1"?&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta name="generator" content= "HTML Tidy for Windows (vers 14 February 2006), see www.w3.org" /&gt; &lt;meta http-equiv="Content-Type" content= "text/html; charset=iso-8859-1" /&gt; &lt;title&gt;Untitled Document&lt;/title&gt; &lt;style type="text/css"&gt; /*&lt;![CDATA[*/ body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #666666; margin: 0; padding: 0; text-align: center; color: #000000; } .thrColFixHdr #container { width: 780px; background: #FFFFFF; margin: 0 auto; border: 1px solid #000000; text-align: left; } .thrColFixHdr #header { background: #DDDDDD; padding: 0 10px 0 20px; } .thrColFixHdr #header h1 { margin: 0; padding: 10px 0; } .thrColFixHdr #contentContainer { overflow: hidden; } .thrColFixHdr #sidebar1 { float: left; width: 150px; background: #CCCCCC; padding: 15px 10px 0px 20px; margin-bottom: -2000px; padding-bottom: 2000px; } .thrColFixHdr #sidebar2 { float: left; width: 160px; background: #EEEEEE; padding: 15px 10px 0px 20px; margin-bottom: -2000px; padding-bottom: 2000px; } .thrColFixHdr #mainContent { float: left; background: #DDDDDD; width: 390px; padding: 0 10px; margin-bottom: -2000px; padding-bottom: 2000px; } .thrColFixHdr #footer { padding: 0 10px 0 20px; background:#BBBBBB; } .thrColFixHdr #footer p { margin: 0; padding: 10px 0; } .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; } /*]]&gt;*/ &lt;/style&gt; &lt;!--[if IE 5]&gt; &lt;style type="text/css"&gt; /* place css box model fixes for IE 5* in this conditional comment */ .thrColFixHdr #sidebar1 { width: 180px; } .thrColFixHdr #sidebar2 { width: 190px; } &lt;/style&gt; &lt;![endif]--&gt; &lt;!--[if IE]&gt; &lt;style type="text/css"&gt; /* place css fixes for all versions of IE in this conditional comment */ .thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; } .thrColFixHdr #mainContent { zoom: 1; } /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */ &lt;/style&gt; &lt;![endif]--&gt; &lt;style type="text/css"&gt; /*&lt;![CDATA[*/ .side a { color: #FFF; text-decoration: none; } a.side:link {color:#FF3; text-decoration: none; } /* unvisited link */ a.side:visited {color:#FFF text-decoration: none; } /* visited link */ a.side:hover {color:#C00} a.side:active {color:#C00} /*]]&gt;*/ &lt;/style&gt; &lt;style type="text/css"&gt; /*&lt;![CDATA[*/ #footer { font: 12px Arial, Helvetica, sans-serif; color: #FF3; text-decoration: none; padding-top: 8px; text-align: center; } a.footer:link {color:#FF3} a.footer:visited {color:#FFF} a.footer:hover {color:#C00} a.footer:active {color:#C00} /*]]&gt;*/ &lt;/style&gt; &lt;/head&gt; &lt;body class="thrColFixHdr"&gt; &lt;div id="container"&gt; &lt;div id="header"&gt; &lt;h1&gt;Header&lt;/h1&gt;&lt;!-- end #header --&gt; &lt;/div&gt; &lt;div id="contentContainer"&gt; &lt;div id="sidebar1"&gt; &lt;h3&gt;Sidebar1 Content&lt;/h3&gt; &lt;p&gt;The background color on this div will only show for the length of the content. If you&amp;#39;d like a dividing line instead, place a border on the left side of the #mainContent div if it will always contain more content.&lt;/p&gt; &lt;p&gt;Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien.&lt;/p&gt; &lt;!-- end #sidebar1 --&gt; &lt;/div&gt; &lt;div id="mainContent"&gt; &lt;h1&gt;Main Content&lt;/h1&gt; &lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti.&lt;/p&gt; &lt;h2&gt;H2 level heading&lt;/h2&gt; &lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.&lt;/p&gt;&lt;!-- end #mainContent --&gt; &lt;/div&gt; &lt;div id="sidebar2"&gt; &lt;!-- #BeginLibraryItem "/Library/sidebar2.lbi" --&gt; &lt;div align="center" class="side"&gt; &lt;img src="images/seHable.jpg" width="162" height="48" alt= "Se Habla Espanol" border="0" /&gt;&lt;br /&gt; &lt;br /&gt; &lt;a href="https://secure.carfax.com/creditCard.cfx" target= "_blank"&gt;&lt;img src="images/carfax.jpg" width="145" height="35" alt="CARFAX" border="0" /&gt;&lt;/a&gt;&lt;br /&gt; &lt;a href="https://secure.carfax.com/creditCard.cfx" target= "_blank"&gt;FREE CAR FAX&lt;/a&gt;&lt;br /&gt; &lt;br /&gt; &lt;a href= "http://www.autorepair.ca.gov/pubwebquery/Vehicle/PubTstQry.aspx" target="_blank"&gt;&lt;img src="images/caGOV.jpg" width="109" height="78" alt="CA.gov" longdesc= "http://www.autorepair.ca.gov/pubwebquery/Vehicle/PubTstQry.aspx" border="0" /&gt;&lt;br /&gt; Verify a Smog Check&lt;/a&gt;&lt;br /&gt; &lt;br /&gt; &lt;a href="http://www.iihs.org/ratings/default.aspx" target= "_blank"&gt;&lt;img src="images/topSafetyPick.jpg" width="111" height="131" alt="Top Safety Picks" longdesc= "http://www.iihs.org/ratings/default.aspx" border= "0" /&gt;&lt;br /&gt; Top Safety Picks&lt;/a&gt;&lt;br /&gt; &lt;br /&gt; &lt;a href="http://www.kbb.com/" target="_blank"&gt;&lt;img src= "images/kbb.jpg" width="155" height="56" alt= "Kelly Blue Book" longdesc="http://www.kbb.com/" border= "0" /&gt;&lt;br /&gt; Kelly Blue Book&lt;/a&gt; &lt;/div&gt;&lt;!-- #EndLibraryItem --&gt; &lt;h3&gt;Sidebar2 Content&lt;/h3&gt; &lt;p&gt;The background color on this div will only show for the length of the content. If you&amp;#39;d like a dividing line instead, place a border on the right side of the #mainContent div if it will always contain more content.&lt;/p&gt; &lt;p&gt;Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien.&lt;/p&gt; &lt;!-- end #sidebar2 --&gt; &lt;/div&gt; &lt;!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --&gt;&lt;br class="clearfloat" /&gt; &lt;/div&gt; &lt;div id="footer"&gt; &lt;!-- #BeginLibraryItem "/Library/footer.lbi" --&gt; &lt;span class="footer"&gt;CENTURY AUTO GROUP, INC. | 619.281.2300&lt;br /&gt; COPYRIGHT 2009-2011 ALL RIGHTS RESERVED | EMAIL: &lt;a href= "mailto:staff@centuryautosd.com" class= "footer"&gt;STAFF@CENTURYAUTOSD.COM&lt;/a&gt;&lt;/span&gt; &lt;!-- #EndLibraryItem --&gt;&lt;!-- end #footer --&gt; &lt;/div&gt;&lt;!-- end #container --&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. POCSS - need column to flow all the way to the bottom in a 3 column layout
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USAaron
    1. USAaron
    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. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COI certainly appreciate your answer and I read thru it and tried some of the examples without success. It still seems that the containers do not hold the same height as the container. Is there any chance you can go to this site and then tell me how to change the CSS? http://www.centuryautosd.com/help.asp If you can show me how to change the CSS on this I can use it to change all my pages because that is the template I started with..thank you so much
      singulars
      1. PO
      1. USDrea
    2. COand the other issue is that each page generates a different group of cars (sometimes only 1 car, hence a "short page" and other times 20 cars which causes the page to be long) so the columns always have to fit the size of the page as it dynamically unfolds.
      singulars
      1. PO
      1. USDrea
    3. COIf I get a chance this evening, I will try to take a look for you. ::makes a note::
      singulars
      1. PO
      1. USAaron
 

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