Note that there are some explanatory texts on larger screens.

plurals
  1. POwhen inserting a doctype html content will not show
    primarykey
    data
    text
    <p>I had problem in showing my html/css document in internet explorer,it is working well in fire fox and chrome,so I guess that it is because I didn't insert any doctype,when I insert the doctype of xhtml or html it is not working,it will show just my header section,what should I include for doctype?</p> <p>I tried this one:</p> <pre><code> &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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; </code></pre> <p>and it is not working.here is my code which is working:</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; &lt;meta http-equiv="pragma" content="no-cache"&gt; &lt;meta http-equiv="cache-control" content="no-cache"&gt; &lt;meta http-equiv="expires" content="0"&gt; &lt;title&gt;bazar&lt;/title&gt; &lt;style type="text/css"&gt; #container { width: 770px; margin: 0 auto } #main { width:100%; height:100%; up:0; bottom:0; margin:0; } #header { position:fixed; background:url(header_slice.png); repeat x; width:100%; height:63px; top:0; left:0; right:0; } #logo { position:fixed; background:url(logo.png); width:192; height:59; float:right; left:900; } #mymenu { position:fixed; background:url(menu.png); width:302; height:19; top:30; left:122.5; overflow:auto; } #mytext { position:fixed; background:url(textbox.png); width:257; height:20; top:30; left:460; } #nav{ position:absolute; background:url(navigation_slice.jpg); repeat x; width:100%; height:148; top:63; z-index:1000; left:0; right:0; } #mycontainer { position:absolute; background:white; repeat x; repeat y; width:100%; height:1281; top:210; left:0; right:0; } #menu2 { position:absolute; background:url(navbar.png); repeat x; width:952; height:67; top:40; left:125; } #home { position:absolute; background:url(home.png); width:52; height:36; top:30; left:0; } #pencil{ position:absolute; background:url(pencil.png); width:39; height:42; top:7; right:23; } #archive{ position:absolute; background:url(archive.png); width:38; height:37; top:7; right:110; } #sep1{ position:absolute; repeat y; width:2; height:67; top:0; right:78; } #sep2{ position:absolute; repeat y; width:2; height:67; top:0; right:173; } #sep3{ position:absolute; repeat y; width:2; height:67; top:0; right:284; } #sep4{ position:absolute; repeat y; width:2; height:67; top:0; right:388; } #sep4{ position:absolute; repeat y; width:2; height:67; top:0; right:459; } #sep4{ position:absolute; repeat y; width:2; height:67; top:0; right:386; } #sep5{ position:absolute; repeat y; width:2; height:67; top:0; right:459; } #sep6{ position:absolute; repeat y; width:2; height:67; top:0; right:526; } #sep7{ position:absolute; repeat y; width:2; height:67; top:0; right:596; } #sep8{ position:absolute; repeat y; width:2; height:67; top:0; right:670; } .sep{ background:url(sep.png); } #seminar { position:absolute; background:url(seminar.png); right:204; width:45; height:33; top:7; } #learn { position:absolute; background:url(learning.png); right:312; width:44; height:36; top:7; } #art{ position:absolute; background:url(art.png); width:45; height:40; top:5; right:400; } #engineer{ position:absolute; background:url(engineer.png); width:54; height:36; top:7; right:470; } #publish{ position:absolute; background:url(publish.png); width:49; height:38; top:7; right:539; } #new{ position:absolute; background:url(new.png); width:36; height:31; top:7; right:610; } #contact { position:absolute; background:url(contact.png); width:178; height:58; top:17; right:610; left:125; } #rect1 { width:716; height:308; top:-35; left:125; } #rect2 { width:226; height:308; top:-35; left:850; } .rect { position:absolute; background:url(rect.png); repeat x; repeat y; } #special {position:absolute; background:url(special.png); width:696; height:255; top:-30; left:132; z-index:1000; } #chasb { position:absolute; background:url(chasb.png); width:56; height:62; top:50; right:300; z-index:1000; } #takhte { position:absolute; background:url(takhte.png); width:51; height:58; top:170; right:300; z-index:1000; } #sabad1{ position:absolute; width:80; height:17; top:210; right:370; z-index:1000; } #sabad2{ position:absolute; width:80; height:17; top:90; right:370; z-index:1000; } .sabad { background:url(sabad.png); } #left { position:absolute; background:url(slideleft.png); top:280; left:125; width:20; height:69; z-index:2000; } #right { position:absolute; background:url(slideright.png); top:280; left:822; width:17; height:69; z-index:2000; } #slide { position:absolute; top:280; left:125; width:716; height:69; z-index:1500; } #staff { position:absolute; background:url(staff.png); width:228; height:70; top:280; z-index:1000; left:850; } #mybox { position:absolute; background-color: white; top:0; left:865; width:200; height:260; z-index:900; } #product { position:absolute; background:url(products.png); width:200; height:76; top:-30; left:865; z-index:1000; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div id='main'&gt; &lt;div id='header'&gt; &lt;div id='logo'&gt;&lt;/div&gt; &lt;div id='mymenu'&gt;&lt;/div&gt; &lt;div id='mytext'&gt;&lt;/div&gt; &lt;div id='nav'&gt; &lt;div id='menu2'&gt; &lt;div id='home'&gt;&lt;/div&gt;&lt;div id="pencil"&gt;&lt;/div&gt; &lt;div id="sep1" class="sep"&gt;&lt;/div&gt;&lt;div id="archive"&gt;&lt;/div&gt; &lt;div id="sep2" class="sep"&gt;&lt;/div&gt;&lt;div id="seminar"&gt;&lt;/div&gt; &lt;div id="sep3" class="sep"&gt;&lt;/div&gt;&lt;div id="learn"&gt;&lt;/div&gt; &lt;div id="sep4" class="sep"&gt;&lt;/div&gt;&lt;div id="art"&gt;&lt;/div&gt; &lt;div id="sep5" class="sep"&gt;&lt;/div&gt;&lt;div id="engineer"&gt;&lt;/div&gt; &lt;div id="sep6" class="sep"&gt;&lt;/div&gt;&lt;div id="publish"&gt;&lt;/div&gt; &lt;div id="sep7" class="sep"&gt;&lt;/div&gt;&lt;div id="new"&gt;&lt;/div&gt;&lt;div id="sep8" class="sep"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div id='contact'&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id='mycontainer'&gt; &lt;div id='rect1' class='rect'&gt;&lt;/div&gt; &lt;div id='rect2' class='rect'&gt;&lt;/div&gt; &lt;div id='special'&gt;&lt;/div&gt; &lt;div id='chasb'&gt;&lt;/div&gt;&lt;div id='takhte'&gt;&lt;/div&gt;&lt;div id='sabad1' class="sabad"&gt;&lt;/div&gt;&lt;div id='sabad2' class="sabad"&gt;&lt;/div&gt; &lt;div id='mybox'&gt;&lt;/div&gt; &lt;div id='product'&gt;&lt;/div&gt; &lt;div id='staff'&gt;&lt;/div&gt; &lt;div id='slide' class="rect"&gt;&lt;/div&gt; &lt;div id='left'&gt;&lt;/div&gt;&lt;div id='right'&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>as I said by including doctype it will just show the header</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    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.
 

Querying!

 
Guidance

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