Databases
StackOverflow2013
Postsdbo
PODiv is showed in wrong position, divs heights
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PODiv is showed in wrong position, divs heights
    primarykey
    data
    text
    <p>Mine html (css inside) code looks like this:</p> <pre><code>&lt;body style="color: #25670c; margin: 0 0 0 0; padding: 0 0 0 0; font-family : Times New Roman; font-size : 14px; text-align: center;"&gt; &lt;div style="height: 96px; width: 985px;"&gt;&lt;a href="www.one.lt"&gt; &lt;img border="0" src="images/graphic/header.png" width="985" height="96" alt="header" title="DigiSpot eBay store" /&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="height: 41px; width: 985px;"&gt; &lt;img border="0" src="/images/graphic/meniu.png" alt="DigiSpot meniu" width="985" height="41" usemap="#mapas" /&gt; &lt;map name="mapas"&gt; &lt;area shape="rect" coords="56,0,0,41" href="www.one.lt" alt="DigiSpot eBay store home" title="DigiSpot eBay store home"&gt; &lt;area shape="rect" coords="539,0,400,41" href="www.one.lt" alt="About Digispot" title="About DigiSpot"&gt; &lt;area shape="rect" coords="699,0,539,41" href="www.one.lt" alt="Delivery information" title="Delivery information"&gt; &lt;area shape="rect" coords="845,0,699,41" href="www.one.lt" alt="Returns information" title="Returns information"&gt; &lt;area shape="rect" coords="985,0,845,41" href="www.one.lt" alt="Contacts information" title="Contacts information"&gt; &lt;/map&gt; &lt;/div&gt; &lt;div style="position:relative"&gt; &lt;div style="float:left; width: 663px; height:100px; text-align: center; background-color:#d6d6a4;"&gt;&lt;img border="0" src="/images/graphic/description.png" width="232" height="81"&gt;&lt;br /&gt;&lt;div style="text-align: left; margin-left: 10;"&gt;[[Description]]&lt;/div&gt;&lt;/div&gt; &lt;div style="float:left; width: 324px; height:100px; text-align: center; "&gt; &lt;div style="width: 324px; color: #ffffff; background-color:#6b8861; font-size : 34px;"&gt;[[Title]]&lt;/div&gt; &lt;div style="width: 324px; color: #ffffff; background-color:#6b8861;"&gt;&lt;div style="width: 320px; margin: 2 2 2 2; background-color:#ffffff;"&gt;[[Picture1]]&lt;/div&gt;&lt;div style="width: 300px; height: 2px; background-color:#6b8861; color: #6b8861;"&gt;&lt;/div&gt;&lt;/div&gt; &lt;div style="width: 324px; color: #801010; font-size : 40px; background-color:#d6d6a4;"&gt;Price: [[BuyItNowPrice]]&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div style="clear: both; text-align: center; width:985px; margin: 0 auto;"&gt;&lt;img border="0" src="graphic/buttom.png" width="524" height="42"&gt;&lt;/div&gt; &lt;/body&gt; </code></pre> <p>The result is not as I wish and looks like this: <img src="https://i.stack.imgur.com/6E7d2.png" alt="enter image description here"> <a href="https://i.stack.imgur.com/6E7d2.png" rel="nofollow noreferrer">Bigger image on push here</a></p> <p>Here is stroked problematic areas: <img src="https://i.stack.imgur.com/4OuXc.png" alt="enter image description here"> <a href="https://i.stack.imgur.com/4OuXc.png" rel="nofollow noreferrer">Bigger image on push here</a></p> <ol> <li>I want to all this page would be aligned to center, I used in body text align, but its not helping.</li> <li>The div in the right should be in center of page bottom, I dont know why he choosing such position and some part of the image is under "Price" div.</li> <li>Is it posible to do that description div in left and in right price and other info div would always have same height which is not fixed, because I want to have that background of those div's not separated in bottom.</li> </ol> <p>edit: push images to make them bigger.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USTautvydas
    1. USTautvydas
    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. PODiv is showed in wrong position, divs heights
      1. This table or related slice is empty.
      1. VTDownMod
    1. COYou should learn how to use CSS styles. Inline styles is a bad practice
      singulars
      1. PODiv is showed in wrong position, divs heights
      1. USViktor S.
 

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