Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>make it like this:</p> <pre><code>body { width:100%; height:100%; padding-left:30px; background-color:white; } </code></pre> <p>This wil always make it 100%, no matter what.</p> <p>And as I can see, you do not have "px" after your height size in your body. NEVER forget to put it after this.</p> <p><strong>UPDATE</strong></p> <p>as I can see you updated your HTML here and I can see that everything is loose of each other. Make a div under your <code>&lt;body&gt;</code> tag and above your <code>&lt;/body&gt;</code> tag. Center it with a max width like 900px orsomething. Everything will get inside the 900px and will always be in the center of your screen due the 100% width of your body.</p> <p>Hope this works?</p> <p><strong>UPDATE2</strong></p> <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt; &lt;title&gt;Phantom Productions&lt;/title&gt; &lt;link rel="stylesheet" type="text/css" href="phantomproductions.css"/&gt; &lt;script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js'&gt;&lt;/script&gt; &lt;script type='text/javascript'&gt; jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500); }); }); &lt;/script&gt; &lt;script src="js/jquery-1.7.2.min.js"&gt;&lt;/script&gt; &lt;script src="js/lightbox.js"&gt;&lt;/script&gt; &lt;link href="css/lightbox.css" rel="stylesheet" /&gt; &lt;/script&gt; &lt;/head&gt; &lt;body&gt; **PUT BEGIN DIV HERE** &lt;div id="header"&gt; &lt;img class="floater" src="header.png" alt="header"/&gt; &lt;/div&gt; &lt;a href="#header" class="scroll"/&gt; &lt;img class="logo" src="logo.jpg" alt="logo"/&gt; &lt;/a&gt; &lt;div id="headericons"&gt; &lt;ul&gt; &lt;li&gt; &lt;a href="#bug" class="scroll"/&gt; &lt;img src="about_header.jpg" alt="about"/&gt; &lt;/a&gt; &lt;/li&gt; &lt;li class="headerwork"&gt; &lt;a href="#workstophere" class="scroll"/&gt; &lt;img src="work_header.jpg" alt="work"/&gt; &lt;/a&gt; &lt;/li&gt; &lt;li class="headercontact"&gt; &lt;a href="#footer" class="scroll"/&gt; &lt;img src="contact_header.jpg" alt="contact"/&gt; &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div id="headertext"&gt; &lt;ul&gt; &lt;li&gt; &lt;a href="#bug" class="scroll"/&gt; ABOUT &lt;/a&gt; &lt;a href="#workstophere" class="scroll"/&gt; WORK &lt;/a&gt; &lt;/li&gt; &lt;li class="headertypecontact"&gt; &lt;a href="#footer" class="scroll"/&gt; CONTACT &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div id="banners"&gt; &lt;ul&gt; &lt;li&gt; &lt;a href="http://facebook.com/"/&gt; &lt;img src="headericons_03.png" alt="logo"/&gt; &lt;/a&gt; &lt;/li&gt; &lt;li class="headertwitter"&gt; &lt;a href="http://twitter.com/"/&gt; &lt;img src="headericons_05.png" alt="logo"/&gt; &lt;/a&gt; &lt;/li&gt; &lt;li class="headervimeo"&gt; &lt;a href="http://vimeo.com/"/&gt; &lt;img src="headericons_07.png" alt="logo"/&gt; &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;br&gt;&lt;/br&gt; &lt;br&gt;&lt;/br&gt; &lt;br&gt;&lt;/br&gt; &lt;br&gt;&lt;/br&gt; &lt;br&gt;&lt;/br&gt; &lt;br&gt;&lt;/br&gt; &lt;br&gt;&lt;/br&gt; &lt;br&gt;&lt;/br&gt; &lt;br&gt;&lt;/br&gt; &lt;div id="banner"&gt; &lt;img class="companyimage" src="imagewshadow_06.png" alt="company_image"/&gt; &lt;div id="quote"&gt; &lt;h1&gt; PHANTOM PRODUCTIONS &lt;/h1&gt; &lt;br&gt;&lt;/br&gt; &lt;p id="abouticon"&gt; "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore. &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;br&gt;&lt;/br&gt; &lt;br&gt;&lt;/br&gt; &lt;br&gt;&lt;/br&gt; &lt;div id="bug"&gt; &lt;br&gt;&lt;/br&gt; &lt;br&gt;&lt;/br&gt; &lt;div id="middledown"&gt; &lt;h1 class="center"&gt; WITH OUR FILM MENTALITY, WE &lt;/h1&gt; &lt;br&gt;&lt;/br&gt; &lt;p class="center"&gt; EMBRACE THE IMPOSSIBLE &lt;/p&gt; &lt;br&gt;&lt;/br&gt; &lt;br&gt;&lt;/br&gt; &lt;br&gt;&lt;/br&gt; &lt;ul id="middleicons"&gt; &lt;li&gt; &lt;img src="about_middle.jpg" alt=""/&gt; &lt;/li&gt; &lt;/ul&gt; &lt;br&gt;&lt;/br&gt; &lt;iframe src="http://player.vimeo.com/video/62398574" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen&gt; &lt;/iframe&gt; &lt;div id="workstophere"&gt; &lt;h3 class="center"&gt; "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt &lt;br&gt;&lt;/br&gt; ut labore. et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation &lt;br&gt;&lt;/br&gt; ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute &lt;br&gt;&lt;/br&gt; irure dolor in reprehenderit in voluptate velit esse &lt;br&gt;&lt;/br&gt; cillum dolore eu fugiat nulla pariatur." &lt;/h3&gt; &lt;/div&gt; &lt;br&gt;&lt;/br&gt; &lt;br&gt;&lt;/br&gt; &lt;br&gt;&lt;/br&gt; &lt;br&gt;&lt;/br&gt; &lt;ul id="middleicons"&gt; &lt;li&gt; &lt;img src="work_middle.jpg" alt=""/&gt; &lt;/li&gt; &lt;/ul&gt; &lt;div id="portfolio"&gt; &lt;ul&gt; &lt;li&gt; &lt;a href="only.png" rel="lightbox[movies]" title="Only God Forgives"/&gt; &lt;img src="state_03.png" onmouseover="src='state_18_03.png'"onmouseout="src='state_03.png'"onmousedown="src='state_18_03.png'"&gt; &lt;/a&gt; &lt;a href="killing.png" rel="lightbox[movies]" title="Killing Them Sofly"/&gt; &lt;img class="view view-first" img src="state_05.png" onmouseover="src='state_18_05.png'"onmouseout="src='state_05.png'"onmousedown="src='state_18_05.png'"&gt; &lt;/a&gt; &lt;a href="2013-05-02 08.47.41.png" rel="lightbox[movies]" title="Iron man"/&gt; &lt;img class="view view-first" img src="state_07.png" onmouseover="src='state_18_07.png'"onmouseout="src='state_07.png'"onmousedown="src='state_18_07.png'"&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="2013-05-27 20.38.38.png" rel="lightbox[movies]" title="Empire Strikes Back"/&gt; &lt;img class="view view-first" img src="state_12.png" onmouseover="src='state_18_12.png'"onmouseout="src='state_12.png'"onmousedown="src='state_18_12.png'"&gt; &lt;/a&gt; &lt;a href="2013-02-04 00.03.56.jpg" rel="lightbox[movies]" title="Django Unchained"/&gt; &lt;img class="view view-first" img src="state_13.png" onmouseover="src='state_18_13.png'"onmouseout="src='state_13.png'"onmousedown="src='state_18_13.png'"&gt; &lt;/a&gt; &lt;a href="2013-05-15 08.47.59.png" rel="lightbox[movies]" title="The Hunger Games -Catching Fire"/&gt; &lt;img class="view view-first" img src="state_14.png" onmouseover="src='state_18_14.png'"onmouseout="src='state_14.png'"onmousedown="src='state_18_14.png'"&gt; &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;br&gt;&lt;/br&gt; &lt;br&gt;&lt;/br&gt; &lt;div id="entirefooter"&gt; &lt;div id="contactwhite"&gt; &lt;img src="footercontactcut_03.png" alt="footercontact"/&gt; &lt;/div&gt; &lt;div id="footer"&gt; &lt;img src="footerworks_02.png" alt="footer"/&gt; &lt;/div&gt; &lt;div id="contactinfo"&gt; &lt;p class="contacttext"&gt; Tel:2398 9850&lt;br&gt;&lt;/br&gt; Fax:1960 3410&lt;br&gt;&lt;/br&gt; e-mail: phantom@hotmail.com&lt;br&gt;&lt;/br&gt; 135-235 1/F, Gloucester Road Wan Chai, Hong Kong &lt;/p&gt; &lt;br&gt;&lt;/br&gt; &lt;p class="contacttext"&gt; SUBSCRIBE TO OUR NEWSLETTER! &lt;/p&gt; &lt;br&gt;&lt;/br&gt; &lt;br&gt;&lt;/br&gt; &lt;br&gt;&lt;/br&gt; &lt;br&gt;&lt;/br&gt; &lt;div id="form"&gt; &lt;form action="#" method="post"&gt; &lt;fieldset&gt; &lt;label for="name"&gt;Name:&lt;/label&gt; &lt;input type="text" name="name" id="name" /&gt; &lt;label for="email"&gt;Last Name:&lt;/label&gt; &lt;input type="text" name="name" id="lastname" /&gt; &lt;label for="email"&gt;Email:&lt;/label&gt; &lt;input type="email" name="email" id="email" /&gt; &lt;input type="submit" value="Submit" id="submit" /&gt; &lt;/fieldset&gt; &lt;/form&gt; &lt;/div&gt; &lt;br&gt;&lt;/br&gt; &lt;br&gt;&lt;/br&gt; &lt;br&gt;&lt;/br&gt; &lt;br&gt;&lt;/br&gt; &lt;br&gt;&lt;/br&gt; &lt;div id="footericons"&gt; &lt;ul&gt; &lt;li&gt; &lt;a href="http://facebook.com/"/&gt; &lt;img src="footerIconswshadow1.png" alt="facebook"/&gt; &lt;/a&gt; &lt;a href="http://twitter.com/"/&gt; &lt;img src="footerIconswshadow3.png" alt="twitter"/&gt; &lt;/a&gt; &lt;a href="http://vimeo.com/"/&gt; &lt;img src="footerIconswshadow2.png" alt="vimeo"/&gt; &lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;br&gt;&lt;/br&gt; &lt;p class="contacttext"&gt; Copyright © PHANTOM PRODUCTIONS - 2013 &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; **END DIV HERE** &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. POScreen Size Optimization For Safari
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USRyan de Vries
    1. USRyan de Vries
    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. This table or related slice is empty.
    1. COThanks for the reply! However, it still doesn't work properly on the big screen, Maybe there is something wrong with the way i coded my HTML, still not sure what is causing the problem.
      singulars
      1. PO
      1. USjohn3161
    2. COit has to be your html I guess. can you make a jsFiddle for me?
      singulars
      1. PO
      1. USRyan de Vries
    3. COcheck the updated awnser
      singulars
      1. PO
      1. USRyan de Vries
 

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