Databases
StackOverflow2013
Postsdbo
POPractical solution to center vertically and horizontally in HTML that works in FF, IE6 and IE7
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POPractical solution to center vertically and horizontally in HTML that works in FF, IE6 and IE7
    primarykey
    data
    text
    <p>What can be a practical solution to center vertically and horizontally content in HTML that works in Firefox, IE6 and IE7?</p> <p>Some details:</p> <ul> <li><p>I am looking for solution for the entire page.</p></li> <li><p>You need to specify only width of the element to be centered. Height of the element is not known in design time.</p></li> <li><p>When minimizing window, scrolling should appear only when all white space is gone. In other words, width of screen should be represented as: </p></li> </ul> <p>"leftSpace width=(screenWidth-widthOfCenteredElement)/2"+<br> "centeredElement width=widthOfCenteredElement"+<br> "rightSpace width=(screenWidth-widthOfCenteredElement)/2" </p> <p>And the same for the height:</p> <p>"topSpace height=(screenHeight-heightOfCenteredElement)/2"+<br> "centeredElement height=heightOfCenteredElement"+<br> "bottomSpace height=(screenWidth-heightOfCenteredElement)/2"</p> <ul> <li>By practical I mean that use of tables is OK. I intend to use this layout mostly for special pages like login. So CSS purity is not so important here, while following standards is desirable for future compatibility.</li> </ul>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USAlexander Yanovets
    1. USAlexander Yanovets
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    3. PL
      singulars
      1. LTLinked
    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. POPractical solution to center vertically and horizontally in HTML that works in FF, IE6 and IE7
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POPractical solution to center vertically and horizontally in HTML that works in FF, IE6 and IE7
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POPractical solution to center vertically and horizontally in HTML that works in FF, IE6 and IE7
      1. This table or related slice is empty.
      1. VTUpMod
    1. This table or related slice is empty.
 

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