Databases
StackOverflow2013
Postsdbo
POChrome HTML body scrambling the tags and ruing the design
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POChrome HTML body scrambling the tags and ruing the design
    primarykey
    data
    text
    <p>I having an issue with this webpage using chrome. When I visit the other pages its fine but when I visited my reservation.php page a empty space is inserted in my html in the inspect view yet in source view is fine. Its ruining my design and I have tried many fixes but still wont work. Its ruing my web page design. This issue only occurs in chrome and tried opera, ie and firefox its working perfectly.</p> <p><strong>HTML SOURCE VIEW</strong> <img src="https://I.stack.imgur.com/3coe1.png" alt="enter image description here"> <strong>WEB PAGE VIEW</strong> <img src="https://I.stack.imgur.com/vrtRd.jpg" alt="enter image description here"></p> <p><strong>CHROME INSPECT</strong> <br>As you can see here the metas are inserted at the body with an empty space before the meta.. <img src="https://I.stack.imgur.com/T7Tqj.png" alt="enter image description here"></p> <pre><code> &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;!--meta name="viewport" content="width=device-width, initial-scale=1" /--&gt; &lt;title&gt;Vasquez Compound&lt;/title&gt; &lt;link rel="stylesheet" type="text/css" href="http://localhost//public/styles/reset.css" /&gt; &lt;link rel="stylesheet" type="text/css" href="http://localhost//public/styles/default.css" /&gt; &lt;link rel="stylesheet" type="text/css" href="http://localhost//public/styles/style.css" /&gt; &lt;link rel="stylesheet" type="text/css" href="http://localhost/public/scripts/javascripts/jquery-ui/themes/jquery.ui.all.css"&gt; &lt;link rel="stylesheet" type="text/css" href="http://localhost//public/styles/reserved-units.css" /&gt; &lt;link rel="icon" type="image/png" href="http://localhost//public/favicon.png" /&gt; &lt;!--[if gte IE 9]&gt; &lt;style type="text/css"&gt; * { filter: none; } &lt;/style&gt; &lt;![endif]--&gt; &lt;!--[if lt IE 9]&gt; &lt;script language="javascript" type="text/javascript" src="public/scripts/javascripts/html5.js"&gt;&lt;/script&gt; &lt;![endif]--&gt; &lt;script language="javascript" type="text/javascript" src="http://localhost//public/scripts/javascripts/jquery.1.8.2.js"&gt;&lt;/script&gt; &lt;script language="javascript" type="text/javascript" src="http://localhost/public/scripts/javascripts/jquery-ui/jquery.ui.core.js"&gt;&lt;/script&gt; &lt;script language="javascript" type="text/javascript" src="http://localhost/public/scripts/javascripts/jquery-ui/jquery.ui.widget.js"&gt;&lt;/script&gt; &lt;script language="javascript" type="text/javascript" src="http://localhost/public/scripts/javascripts/jquery-ui/jquery.ui.datepicker.js"&gt;&lt;/script&gt; &lt;script language="javascript" type="text/javascript" src="http://localhost//public/scripts/javascripts/main.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;noscript&gt; &lt;div id="no-script-browser"&gt; &lt;h1&gt; Opss its seems your browser this likes our site. Activate your Javascript to view our website. &lt;br&gt; You will be redirected to google.com after 10 seconds. &lt;/h1&gt; &lt;/div&gt; &lt;div id="no-script-browser-overlay"&gt; &lt;table&gt; &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; &lt;/div&gt; &lt;meta http-equiv="refresh" content="10;url=http://google.com/"&gt; &lt;/noscript&gt; &lt;div id="wrapper"&gt; &lt;div id="header"&gt; &lt;div id="topbar"&gt; &lt;div id="topbar-content"&gt; &lt;div class="left upper"&gt;For tenants click here to &lt;a href="login.php"&gt;LOGIN&lt;/a&gt;&lt;!--OR &lt;a href=""&gt;CREATE AN ACCOUNT&lt;/a&gt;--&gt; &lt;/div&gt; &lt;div class="left mleft10"&gt; &lt;a href="contact-us.php"&gt;SUPPORT&lt;/a&gt; &lt;!--| &lt;a href=""&gt;MY UNIT&lt;/a!--&gt; | &lt;a href="reservation.php"&gt;RESERVED UNITS (&lt;span id="session-reserved-units"&gt;1&lt;/span&gt;)&lt;/a&gt; &lt;/div&gt; &lt;div class="right"&gt; &lt;form method="get"&gt; &lt;input type="text" name="q" id="q" placeholder="Keyword to search" /&gt; &lt;input type="submit" value="Search" /&gt; &lt;/form&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="clear"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div id="nav"&gt; &lt;ul&gt; &lt;li id="home"&gt;&lt;a href="http://localhost/"&gt;&lt;img src="http://localhost//public/styles/images/home.png" width="24" height="26"&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="units.php"&gt;Units&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="locations.php"&gt;Locations&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="reservation.php" class="selected"&gt;Reservation&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="quote.php"&gt;Make a Quote&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="contact-us.php"&gt;Contact Us&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="about.php"&gt;About&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div class="clear"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div id="banner"&gt; &lt;div class="left"&gt; &lt;img src="http://localhost//public/images/banners/reservation.png" width="745" height="250"&gt; &lt;/div&gt; &lt;div class="right"&gt; &lt;ul id="utypes"&gt; &lt;li&gt; &lt;a href="" class="odd-type"&gt;Bungalows&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="" class="even-type"&gt;Duplex&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="" class="odd-type"&gt;Condominiums&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="" class="even-type"&gt;Apartments&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class="clear"&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="contents"&gt; &lt;script language="javascript" type="text/javascript"&gt; $(document).ready(function(e) { $("input.mau").click(function(e) { $("input.mau").each(function(index, element) { element.disabled = true; }); $("input.umau").each(function(index, element) { element.disabled = false; }); $("input.chk").each(function(index, element) { element.checked = true; }); }); $("input.umau").click(function(e) { $("input.mau").each(function(index, element) { element.disabled = false; }); $("input.umau").each(function(index, element) { element.disabled = true; }); $("input.chk").each(function(index, element) { element.checked = false; }); }); $("input.chk").each(function(index, element) { $(element).click(function(e) { $("input.mau").each(function(i, el) { el.disabled = $("input.chk:checked").get().length == $("input.chk").get().length ? true : false; }); $("input.umau").each(function(i, el) { el.disabled = $("input.chk:checked").get().length &gt; 0 ? false : true; }); }); }); }); &lt;/script&gt; &lt;div class="page-contents"&gt; &lt;div id="reserved-units"&gt; &lt;form method="post"&gt; &lt;div class="controls"&gt; &lt;input type="button" value="Check All Units" class="mau" /&gt; &lt;input type="button" value="Uncheck All Units" class="umau" disabled /&gt; &lt;input type="submit" value="Post Reservations" class="right" name="post-reservation" /&gt; &lt;input type="submit" value="Remove Selected Units" class="right" name="remove-units" /&gt; &lt;/div&gt; &lt;div class="img-unit"&gt; &lt;img src="http://localhost//public/images/units/d1f92cf44b49d8ecaeda81ded08c8f97.jpg" class="unit-image"&gt; &lt;div class="label"&gt; &lt;input type="checkbox" value="1" class="chk" name="uid[]" /&gt; &lt;b title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere leo convallis.Unit 1"&gt; Lorem Ipsum Dolor Sit Ame... &lt;/b&gt; &lt;/div&gt; &lt;/div&gt; &lt;span class="clear"&gt;&lt;/span&gt; &lt;/form&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="footer"&gt; &lt;div id="footer-content"&gt; &lt;div class="left pd10 ftw"&gt; &lt;h4&gt;HOUSE TYPES&lt;/h4&gt; &lt;hr /&gt; &lt;ul&gt; &lt;li&gt; &lt;a href="" class="odd-type"&gt;Bungalows&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="" class="even-type"&gt;Duplex&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="" class="odd-type"&gt;Condominiums&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="" class="even-type"&gt;Apartments&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class="left pd10 ftw"&gt; &lt;h4&gt;Services&lt;/h4&gt; &lt;hr /&gt; &lt;ul&gt; &lt;li&gt; &lt;a href="" class="odd-type"&gt;Make a quote&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="" class="even-type"&gt;Maintainance&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="" class="odd-type"&gt;Emergency response&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="" class="even-type"&gt;Other Services&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class="right pd10"&gt; &lt;h4&gt;Contact Us&lt;/h4&gt; &lt;hr /&gt; &lt;form method="post" action="contact-us.php" id="frmFooterContactForm"&gt; &lt;ul class="left"&gt; &lt;li&gt;&lt;input type="text" name="fname" placeholder="Enter full name" required /&gt;&lt;/li&gt; &lt;li&gt;&lt;input type="email" name="email" placeholder="Enter valid email address" required /&gt;&lt;/li&gt; &lt;li&gt;&lt;input type="text" name="mno" placeholder="Enter mobile number" required /&gt;&lt;/li&gt; &lt;li&gt;&lt;input type="text" name="subject" placeholder="Enter subject" required /&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div class="right rbox"&gt; &lt;textarea placeholder="Enter your message" name="content" required&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;input type="submit" name="smsg" id="smsg" value="Send Message" required class="clear" /&gt; &lt;/form&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="clear align-center" id="end"&gt; &amp;copy; UVCCS Students &amp;trade; All Rights Reserved 2013-2014 &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USnaviciroel
    1. USnaviciroel
    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
    1. This table or related slice is empty.
    1. COSorry Im just new to this...
      singulars
      1. POChrome HTML body scrambling the tags and ruing the design
      1. USnaviciroel
    2. COCan you show us your code inline, instead of in a screenshot?
      singulars
      1. POChrome HTML body scrambling the tags and ruing the design
      1. USMarcel Korpel
    3. CO@MarcelKorpel heres a link of the files https://www.dropbox.com/sh/0kuzjowaxhrm0cu/lmodTCRDa1/chrome-issue
      singulars
      1. POChrome HTML body scrambling the tags and ruing the design
      1. USnaviciroel
 

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