Databases
StackOverflow2013
Postsdbo
POHow can I fix main section on homepage website? Link will be attached
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow can I fix main section on homepage website? Link will be attached
    primarykey
    data
    text
    <p>I am working on portfolio site. I want to figure out why my main section on my homepage is extended so far down but on the other pages it stops right below content. Here is the code.</p> <p><strong>CSS for all pages:</strong></p> <pre><code>body { background-color:#A6FFFF; width:100%; } #header, #main, #footer { display:block; position:relative; float:left; } #header, #footer { width:100%; height:15%; } #header { margin-bottom:2px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; } #footer { margin-top:2px; text-align:right; border:2px; } #main { position:relative; width:70%; height:100%; margin:0 auto; background-color:#FFF; float:center; } #nav { list-style:none; margin:0; padding:0; text-align:center; } #nav li { display:inline; } #nav a { display:inline-block; padding:10px; } </code></pre> <p><strong>Homepage HTML:</strong></p> <pre><code>&lt;body&gt; &lt;div class="auto-style1"&gt; &lt;div id="header"&gt;Header &lt;h1&gt;Creative Minds Inc.&lt;/h1&gt; &lt;/div&gt; &lt;div id="nav"&gt;Navigation &lt;ul&gt; &lt;li&gt;&lt;a href="homepage.html"&gt;Homepage&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="tipsandtricks.html"&gt;Tips and Tricks&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="aboutme.html"&gt;About me&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="getintouch.html"&gt;Get in Touch&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div id="main"&gt;Main &lt;h2&gt;A passion for design and a creative mind.&lt;/h2&gt; &lt;h3&gt;Design, Develop, Dream&lt;/h3&gt; &lt;/div&gt; &lt;div id="footer"&gt;Footer &lt;h3&gt;Creative Minds Inc. Jon Mo&lt;/h3&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; </code></pre> <p><strong>Other pages HTML:</strong></p> <pre><code>&lt;body&gt; &lt;body&gt; &lt;div id="header"&gt;Header &lt;h1&gt;Creative Minds Inc.&lt;/h1&gt; &lt;/div&gt; &lt;div id="nav"&gt;Navigation &lt;ul&gt; &lt;li&gt;&lt;a href="homepage.html"&gt;Homepage&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="tipsandtricks.html"&gt;Tips and Tricks&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="aboutme.html"&gt;About me&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="getintouch.html"&gt;Get in Touch&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div id="main"&gt;Main &lt;h1&gt;Tips-and-Tricks&lt;/h1&gt; &lt;h2&gt;Keyboard Shortcuts&lt;/h2&gt; &lt;h2&gt;Cut, Copy, Paste shortcuts&lt;/h2&gt; &lt;p&gt;The keyboard is not used as often as it could or should be. Sure it is used for typing documents or searches on the internet and such. &lt;br&gt;But do you really know how to use the keyboard to the best of your abilities? This is where I will show you the cut, copy, and paste shortcuts. &lt;br&gt;Now these are ways to make using the keyboard simplier instead of just using the mouse. So you yourself as a computer user can possibly be &lt;br&gt;more advanced and efficent. Now the keyboard functions are not hard to use. Below I will list the cut, copy, and paste keyboard shortcuts. &lt;br&gt;The keyboard shortcuts require you to hold down two different keys at the same time.&lt;/p&gt; &lt;p&gt;First you will select the text or the image that you would like to cut or copy. When you do that it will look highlighted.&lt;/p&gt; &lt;p&gt;Second you will press the control key. The control key is shown as &lt;strong&gt;ctrl&lt;/strong&gt; on the keyboard next to the shift button.&lt;/p&gt; &lt;p&gt;Third and finally, while you will continue holding down the &lt;strong&gt;ctrl&lt;/strong&gt; key you will press either the x, c or v key for the desired function&lt;/p&gt; &lt;h2&gt;CUT&lt;/h2&gt; &lt;p&gt;The cut command or shortcut is used simply to remove texts or images from a screen that you are currently working on. &lt;br&gt;The cut shortcut moves the information to a place where it is stored and is readily available unless it is overwritten by the next cut or copy command.&lt;/p&gt; &lt;br&gt; &lt;p&gt;Below you will see the keys that are used to do the cut shortcut function&lt;/p&gt; &lt;img src="images/keyboardshortcutcut.png" alt="Cut Shortcut Key" /&gt; &lt;h2&gt;COPY&lt;/h2&gt; &lt;p&gt;The copy command is used as stated. It copies the text or images from the screen that you have selected and strores it. &lt;br&gt;Also until it is overwritten by the next cut or copy command.&lt;/p&gt; &lt;br&gt; &lt;p&gt;In the image below you will see the keys that are used to do the copy shortcut function.&lt;/p&gt; &lt;img src="images/keyboardshortcutcopy.png" alt="Copy Shortcut Key" /&gt; &lt;h2&gt;PASTE&lt;/h2&gt; &lt;p&gt;The paste command is used to place the information whether it be an image or text that you have stored on your &lt;br&gt;virtual clipboard in the location that you have placed your cursor mouse.&lt;/p&gt; &lt;p&gt;Below in the image you will see the third and final funtction shortcut key which is used to do the paste shortcut function&lt;/p&gt; &lt;img src="images/keyboardshortcutpaste.png" alt="Paste Shortcut Key" /&gt; &lt;/div&gt; &lt;div id="footer"&gt;Footer &lt;h3&gt;Creative Minds Inc. Jon Mo&lt;h3&gt; &lt;/div&gt; &lt;/body&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USJustin K
    1. USJonMo
    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
    1. VO
      singulars
      1. POHow can I fix main section on homepage website? Link will be attached
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    1. COPlease provide the HTML or link, and do you know your "CSS code homepage" and "CSS code every other page" are identical?
      singulars
      1. POHow can I fix main section on homepage website? Link will be attached
      1. USJustin K
    2. COI added in the html. Yes I know that the pages are the same. So what is the issue with the code as to why the homepage main section box is longer than the text?
      singulars
      1. POHow can I fix main section on homepage website? Link will be attached
      1. USJonMo
    3. COFor what it's worth I tried it out and can't find the issue you describe. Do you mean the main div with the white background is too long on your homepage? It looks the correct size to me.
      singulars
      1. POHow can I fix main section on homepage website? Link will be attached
      1. USJustin K
 

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