Databases
StackOverflow2013
Postsdbo
POSomething wrong in CSS that I can't find
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POSomething wrong in CSS that I can't find
    primarykey
    data
    text
    <p>When I'm testing my website in Internet Explorer, this wierd problem happend, I can't find the problen....</p> <p>The problem is that my <code>content1</code> div is have strange position</p> <p>HTML Code:</p> <pre><code>&lt;?xml version="1.0"?&gt; &lt;! DOCTYPE html PUPLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml1/-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;title&gt; Start &lt;/title&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /&gt; &lt;link rel="stylesheet" type="text/css" href="styles.css" /&gt; &lt;!--[if gte IE 6]&gt; &lt;link rel="stylesheet" type="text/css" href="nycss.css" /&gt; &lt;![endif]--&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="main"&gt; &lt;div id="banner"&gt; &lt;div id='cssmenu'&gt; &lt;ul&gt; &lt;li class='active '&gt;&lt;a href='#'&gt;&lt;span&gt;Hem&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Information&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Om oss&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Anmäla&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Partners&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="content1"&gt; &lt;div id="background"&gt; &lt;/div&gt; &lt;div id="textoperation"&gt;&lt;h1&gt; Operation Pixel 19/02-13 &lt;/br&gt;Folkets Hus i Karlshamn &lt;/h1&gt;&lt;/div&gt; &lt;div id="textinled"&gt; &lt;p&gt; Operation Pixel drivs av fem elever från JB Gymnasiet &lt;/br&gt; i Karlshamn som ett projekt arbete. Vi som står för lanet &lt;/br&gt; är Adam Erlandsson, Isak Risberg Jönsson, Jonatan Tjärnberg, &lt;/br&gt;Victor Johansson och Lucas Mattsson.&lt;/p&gt; &lt;p&gt; Lanet kostar 200 kr och vara mellan 2013.02.19-2013-02.21. &lt;/br&gt; Du kan även förhandsboka och betala 150 kr istället.&lt;/br&gt; Klicka på &lt;a href="#"&gt; Anmäla &lt;/a&gt; för att boka din plats. &lt;/p&gt; &lt;/div&gt; &lt;div id="video"&gt; &lt;iframe width="410" height="280" src="http://www.youtube.com/embed/qP40Liau6z4" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt; &lt;/div&gt; &lt;div id="mitten"&gt;&lt;/div&gt; &lt;div id="nyheter"&gt; &lt;div id="nyhettext"&gt;&lt;h2&gt; Nyheter &lt;/h2&gt;&lt;/div&gt; &lt;div id="underline"&gt;&lt;/div&gt; &lt;div id="nyhet"&gt; &lt;h4&gt;Hemsidan är på gång nu&lt;/h4&gt;&lt;p&gt;Adam Erlandsson håller just nu på att utveckla Operation Pixelshemsida. Hemsidan kommer vara klart inom 1-2 veckor.&lt;/br&gt; Mer information kommer inom kort.&lt;/p&gt; &lt;h4&gt; Datum och lokal är bestämd &lt;/h4&gt;&lt;p&gt; Vi har nu hittat en lokal (folkets hus) och datumet är &lt;/br&gt; satt mellan 19/02-13 21/02-13. Lorem ipsum dolor sit amet, consectetur &lt;/br&gt;adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. &lt;/br&gt;&lt;/br&gt;Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate. &lt;/p&gt; &lt;h4&gt; Projekt arbete &lt;/h4&gt; &lt;p&gt;ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem ap eriam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. &lt;/br&gt;&lt;/br&gt; Nemo enim ipsam voluptatem quia volup tas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. &lt;/br&gt;&lt;/br&gt;&lt;/br&gt;&lt;h3&gt;&lt;a href="#" class="nyhetlänk"&gt; Läs alla nyheter &lt;/a&gt;&lt;/h3&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="fb"&gt; &lt;a href="#"&gt;&lt;img src="images/fb.png" /&gt;&lt;/a&gt; &lt;/div&gt; &lt;div id="twitter"&gt; &lt;a href="#"&gt;&lt;img src="images/twitter.png" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="content2"&gt; &lt;div id="textcontent"&gt; &lt;div id="test"&gt;&lt;a href="#"&gt; Hem &lt;/a&gt; &lt;/br&gt;&lt;/div&gt; &lt;div id="test"&gt;&lt;a href="#"&gt; Information &lt;/a&gt; &lt;/br&gt;&lt;/div&gt; &lt;div id="test"&gt;&lt;a href="#"&gt; Om Oss &lt;/a&gt; &lt;/br&gt;&lt;/div&gt; &lt;div id="test"&gt;&lt;a href="#"&gt; Anmäla &lt;/a&gt; &lt;/br&gt;&lt;/div&gt; &lt;div id="test"&gt;&lt;a href="#"&gt; Partners &lt;/a&gt;&lt;/div&gt; &lt;/div&gt; &lt;div id="kodad"&gt; &lt;p&gt; Code by Adam Erlandsson. Design by Adam Erlandsson &amp; Victor Johansson &lt;/p&gt; &lt;/div&gt; &lt;div id="copy"&gt; &lt;p&gt; © 2012 Operation Pixel &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>CSS:</p> <pre><code>body{ background-image: url(images/bakgrund.png); background-repeat: no-repeat; background-position: center; height: 100%; width: 100%; text-align: center; } #fb{ height: 44px; width: 45px; margin-top: 510px; margin-left: 835px; position: absolute; } #nyheter{ position: absolute; width: 460px; height: 210px; margin-top: 30px; margin-left: 500px; } #nyheter a{ color: white; text-decoration: underline; } .nyhetlänk{ margin-top: 30px; position: absolute; } #nyheter a:hover{ color: #c4c4c4; } h4{ font-size: 20px; color: white; } #nyheter p{ margin-top: -18px; font-size: x-small; } h3{ font-weight: 800; font-size: 20px; } h2{ color: white; font-family: "Bebas Neue"; font-weight: 400; font-size: 50px; position: absolute; } #twitter{ height: 44px; width: 45px; margin-top: 510px; margin-left: 895px; color: black; position: absolute; } #banner{ height: 180px; width: 1000px; background-image: url(banner.png); background-repeat: no-repeat; border: thin ridge #3a3a3a; text-align: left; margin: auto; } #content1{ width: 1000px; height: 610px; color: white; font-family: Makisupa; z-index: 1; border: thin ridge #3a3a3a; background-color: black; text-align: left; margin: auto; } #content2{ width: 1000px; height: 100px; color: #a8a8a8; font-family: Arial, Helvetica, sans-serif; font-size: small; border: thin ridge #3a3a3a; background-color: black; text-align: left; margin-top: 5px; } #textcontent{ margin-left: 10px; margin-top: 10px; font-size: x-small; } #copy{ margin-left: 850px; margin-top: 70px; position: absolute; font-size: x-small; } #kodad{ margin-left: 320px; position: absolute; margin-top: 75px; font-size: xx-small; } a{ text-decoration: none; color: #a8a8a8; } a:hover{ color: white; } #textoperation{ margin-top: 15px; margin-left: 20px; } #nyhet{ position: absolute; font-family: Arial, Helvetica, sans-serif; color: #bfbfbf; margin-left: 10px; margin-top: 40px; } #huvudtext{ margin-top: -10px; } #rubrik h3{ font-size: 15px; font-weight: 400; } #textinled{ position: absolute; font-family: Arial, Helvetica, sans-serif; color: #bfbfbf; font-size: x-small; margin-left: 20px; margin-top: 130px; } #textinled a{ color: white; } #textinled a:hover{ color: #bfbfbf; } #video{ position: absolute; margin-left: 20px; margin-top: 290px; } h2{ color: white; font-family: "Bebas Neue"; font-weight: 400; font-size: 40px; position: absolute; } #nyhettext{ position: absolute; margin-top: -23px; margin-left: 10px; } #huvudtext{ } #underline{ background-color: #3a3a3a; position: absolute; margin-top: 20px; margin-left: 10px; /* position: absolute; */ width: 450px; height: 3px; font-size: 1px; } #mitten{ position: absolute; height: 560px; width: 3; background-color: #3a3a3a; margin-top: 10px; margin-left: 470px; text-align: center; } h1{ color: white; font-family: "Bebas Neue"; font-weight: 400; font-size: 50px; position: absolute; } #cssmenu{ margin-top: 170px; } #cssmenu ul { margin: 0; padding:0; list-style-type:none; width:auto; position:relative; display:block; height:30px; font-size:12px; font-weight:bold; background:transparent url(images/nav_bg.png) repeat-x top left; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #000000; border-top:1px solid #000000; } #cssmenu li { display:block; float:left; margin:0; padding:0; } #cssmenu li a { display:block; float:left; color: white; text-decoration:none; font-weight:bold; padding:8px 20px 0 20px; } #cssmenu li a:hover { color: #c4c4c4; height:22px; background:transparent url(images/nav_bg.png) 0px -30px no-repeat; } #cssmenu li.active a { display:inline; height:22px; background:transparent url(images/nav_bg.png) 0px -30px no-repeat; float:left; margin:0; } </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USSerenity
    1. USAdam Zacke Erlandsson
    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. POSomething wrong in CSS that I can't find
      1. This table or related slice is empty.
      1. VTDownMod
    1. COPlease create a js fiddle by using your code, it simplifies trying around for everyone: http://jsfiddle.net
      singulars
      1. POSomething wrong in CSS that I can't find
      1. USarkascha
    2. COwhat are you expecting from content1? how does it behave?
      singulars
      1. POSomething wrong in CSS that I can't find
      1. USJustin McDonald
    3. COUnless you know why you're using an XHTML doctype (or, if you do not know why), switch to `<!doctype html>` and omit the XML prolog.
      singulars
      1. POSomething wrong in CSS that I can't find
      1. USJared Farrish
 

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