Databases
StackOverflow2013
Postsdbo
POdivs are not floating properly - html
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POdivs are not floating properly - html
    primarykey
    data
    text
    <p>i would really appreciate it if anyone could help me out with this.</p> <p>So, in my page I have two divisions, one is floating to the right and the other is a sidebar which float to the left ... in the phpdesigner when i click on RUN everything seems good and the two divisions are side-by-side, but when i try to run it on any browser the left div is good but the right div is being displayed under the left div, I thoroughly searched for this but didn't find anything.</p> <p>here's my css and HTML pages:</p> <p>main page :</p> <pre><code> &lt;div id="page"&gt; &lt;div id="main_sidebar"&gt; &lt;div class="main_top_sidebar"&gt; &lt;/div&gt; &lt;div class="main_body_sidebar"&gt; &lt;p&gt; SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT &lt;/p&gt; &lt;/div&gt; &lt;div class="main_bottom_sidebar"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div id="main"&gt; &lt;div class="main_top"&gt; &lt;h1&gt; Home &lt;/h1&gt; &lt;/div&gt; &lt;div class="main_body"&gt; &lt;p&gt; SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT SOME TEXT &lt;/p&gt; &lt;/div&gt; &lt;div class="main_bottom"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>CSS sheet :</p> <pre><code>html, body { text-align: center; } p {text-align: left;} body { margin: 0; padding: 0; background: #C1C1C1; background-image:url('background2.png'); text-align: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #F1F5F8; } * { margin: 0 auto 0 auto; text-align:left;} html, body { text-align: center; } p {text-align: left;} #header h1 { padding-top: 14px; display:block; float:left; line-height:20px; margin-left:17px; width:260px; color:#FFDE00; text-align:left; font-size:17px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; float:left; } #header ul { padding-left: 100px; list-style-type: none; height:21px; text-align:center; height:85px; overflow:hidden; } #header ul li , #header ul li a, #header ul li a:visited{ display:block; float:left; margin: 0px; text-align:center; line-height:72px; width:133px; color:#FFFFFF; font-size:20px; font-weight:bold; text-decoration:none; } #header ul li a:hover{ color:#CCCCCC; } #main { margin-top:10px; margin-bottom:10px; } #main .main_top { float: right; height:85px; width:921px; background-image:url(main_top.png); background-repeat:no-repeat; } #main .main_body { padding-left:0px; float: right; height:auto; width:921px; background-image:url(main_body.png); background-repeat:repeat-y; color:#000000; padding-bottom:20px; } #main .main_bottom { float: right; height:8px; width:921px; background-image:url(main_bottom.png); background-repeat:no-repeat; } #main .main_top h1 { font-size:24px; line-height:85px; color:#000000; padding-left:25px; background-position:right; background-repeat:no-repeat; margin-right:25px; } #main .main_body p { line-height:19px; letter-spacing:1px; padding-bottom:15px; padding-left:20px; padding-right:20px; } #main .main_body ul li { line-height:19px; letter-spacing:1px; padding-bottom:15px; padding-left:20px; padding-right:20px; } #page { margin: 0 auto 0 auto; margin-top:25px; display: block; height:auto; position: relative; overflow: hidden; width: 1151px; } #header { background-image:url(header.png); border-radius:15px; background-repeat:no-repeat; width:1151px; height:134px; } #float { width:1151px; border-radius:15px; height:170px; border-color:#FFDE00; border-style: solid; border-width:2px ; background-color:#404040; color:#ffffff; } #float ul li { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px } #footer { float: right; display:block; width: 1151px; height:74px; background: url(footer.png) no-repeat; border-radius: 15px; text-align:right; font-size:9px; line-height:75px; clear:both; } #footer p{ font-size: 12px; text-align:center; padding-top: 17px; } #footer, #footer a, #footer a:visited{ color:#FFDE00; } #footer a:hover{ text-decoration:none; color:#CCCCCC; } #main_sidebar { margin-top:10px; margin-bottom:10px; } #main_sidebar .main_body_sidebar { padding-left:0px; float: left; height:auto; width:230px; background-image:url(main_body_sidebar.png); background-repeat:repeat-y; color:#000000; padding-bottom:20px; clear: left; } #main_sidebar .main_bottom_sidebar { float: left; height:8px; width:230px; background-image:url(main_bottom_sidebar.png); background-repeat:no-repeat; clear: left; } #main_sidebar .main_top_sidebar { float: left; height:85px; width:230px; background-image:url(main_top_sidebar.png); background-repeat:no-repeat; clear: left; } #main_sidebar .main_top_sidebar h1 { font-size:24px; line-height:85px; color:#000000; padding-left:25px; background-position:left; background-repeat:no-repeat; margin-right:25px; } #main_sidebar .main_body_sidebar p { line-height:19px; letter-spacing:1px; padding-bottom:15px; padding-left:20px; padding-right:20px; } #main_sidebar .main_body_sidebar ul li { line-height:19px; letter-spacing:1px; padding-bottom:15px; padding-left:20px; padding-right:20px; } </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USspac3hit
    1. USspac3hit
    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
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POdivs are not floating properly - html
      1. This table or related slice is empty.
      1. VTUpMod
    1. COWhere is the CSS? THere is nothing there after "CSS Sheet: "
      singulars
      1. POdivs are not floating properly - html
      1. USMee
    2. COi just added it
      singulars
      1. POdivs are not floating properly - html
      1. USspac3hit
    3. COdo you want left and right to be at the same start? I mean, aligned at top?
      singulars
      1. POdivs are not floating properly - html
      1. USMee
 

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