Databases
StackOverflow2013
Postsdbo
POText stacking on top of itself
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POText stacking on top of itself
    primarykey
    data
    text
    <p>in an IE specific CSS file the text is stacking on top of itself. see here <img src="https://i.stack.imgur.com/7H3mh.png" alt="see here"></p> <p>this only occurs in IE and not in any other browser. here is the IE specific css</p> <pre><code>h2 { font-family: 'Paytone One', sans-serif; font-size: 30px; position: relative !important; top:-150px !important; left:-250px !important; color: black; } h3 { font-family: 'Paytone One', sans-serif; font-size: 20px; position: relative !important; top:150px !important; left: 100px !important; } .image2 { position: relative !important; bottom:100px !important; left: 100px !important; } .box1 { width: 100%; height: 5px; background-color: #FC3B3B; position: relative !important; bottom:0px !important; left: 0px !important; } p { position: relative !important; bottom:0px !important; left: 0px !important; font-size: 15px; font-family: arial; color: #585858; } </code></pre> <p>How can i stop this from happening. it started occurring since I added !important however if I remove this then I can not define the position </p> <p>edit. heres the HTML part of my page</p> <pre><code> &lt;!DOCTYPE html&gt; &lt;head&gt; &lt;link href='http://fonts.googleapis.com/css?family=Paytone+One' rel='stylesheet' type='text/css'&gt; &lt;title&gt;Louis Moore | Creating The Future &lt;/title&gt; &lt;!--[if IE]&gt; &lt;link rel="stylesheet" type"text/css" href="ie.css" &gt; &lt;![endif]--&gt; &lt;/head&gt; &lt;style&gt; .box { background-color: #F1F2F2; border: 1.5px #D1D3D4 solid; position: relative; top: 100px; height:450px; width:100%; } .image1 { position: absolute; top:-100px; left: 400px; } body{ font-family: 'Paytone One', sans-serif; font-size: 30px; } h1 { font-family: 'Paytone One', sans-serif; font-size: 40px; position: absolute; top:150px; left: 400px; } h2 { font-family: 'Paytone One', sans-serif; font-size: 30px; position: absolute; top:200px; left: 500px; color: #FC3B3B; } h3 { font-family: 'Paytone One', sans-serif; font-size: 20px; position: absolute; top:300px; left: 400px; } .image2 { position: absolute; top:370px; left: 600px; } .box1 { width: 100%; height: 5px; background-color: #FC3B3B; position: absolute; top:560px; left: 0px; } p { position: absolute; top:600px; left: 100px; font-size: 15px; font-family: arial; color: #585858; } &lt;/style&gt; &lt;body&gt; &lt;div class="box"&gt; &lt;img src="louis.png" class="image1" alt="." width="400px" height="400px"&gt; &lt;h1&gt; WELCOME TO MY PAGE&lt;h1&gt; &lt;h2&gt;COMING SOON... &lt;h2&gt; &lt;h3&gt;BUT FOR NOW FOLLOW ME ON TWITTER&lt;/h3&gt; &lt;a href="http://twitter.com/louismoore18"&gt;&lt;img src="twitter.png" class="image2" border="0" alt="."&gt;&lt;/a&gt; &lt;/div&gt; &lt;div class="box1"&gt; &lt;/div&gt; &lt;p&gt;louismoore.net © All rights reserved 2012&lt;/p&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. USalditis
    1. USLouismoore18
    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. POText stacking on top of itself
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    1. COam i only meant to use it once? ive tried using fiddle but i cant get it to work
      singulars
      1. POText stacking on top of itself
      1. USLouismoore18
    2. CO@Louismoore18: Use class to differentiate if necessary.
      singulars
      1. POText stacking on top of itself
      1. USnhahtdh
    3. CO@Louismoore18 because `!important` will help you override conflicting css, it's almost always used as a lazy hack. Could you include the HTML of the page as well?
      singulars
      1. POText stacking on top of itself
      1. USMichelle
 

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