<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
<channel>
<title>Comments on snippet: 'Vertical align div'</title>
<link>http://snipplr.com</link>
<description>Snipplr comments feed'</description>
<language>en-us</language>
<pubDate>Thu, 20 Jun 2013 11:46:39 GMT</pubDate>
<item>
<title>gcyrillus said on 12/11/08</title>
<link>http://snipplr.com/view/4944/vertical-align-div/</link>
<description><![CDATA[ sorry , my post has been squezzed for some unknown reason 
So I  repeat and hoppefully add what is missing:

here are the basic valid (standard render mode) html templates : 
 fluide or fixed ' height' content:
the single td table : -http://yidille.free.fr/plux/valign/uploads/centre-tableau.html 
the CSS display:table with IE fixe : -http://yidille.free.fr/plux/valign/uploads/centre-table-css.html (will work in IE 8 without a fix) 
the inline-block technique (IE very simply fixed) -http://yidille.free.fr/plux/valign/uploads/centre-inline-stack.html

Fixed 'height' content:

auto-margin with absolute positionning (IE  alternative) : -http://yidille.free.fr/plux/valign/uploads/centre-position-absolute.html

Negative margin / absolute positionning with min-height &amp; min-width (fixed for IE6) : -http://yidille.free.fr/plux/valign/uploads/centre-position-absolute-marge-negatives.html

Use the browser of your choice to check those poges out :)

Regards and respects
GC ]]></description>
<pubDate>Thu, 11 Dec 2008 15:42:30 GMT</pubDate>
<guid>http://snipplr.com/view/4944/vertical-align-div/</guid>
</item>
<item>
<title>gcyrillus said on 12/11/08</title>
<link>http://snipplr.com/view/4944/vertical-align-div/</link>
<description><![CDATA[ Hello ,

I do not agree , 

the real best way to center align  one or more block elements in a page(body)  is actually to use a real html  table structure , it will works then in any browsers (with a minimum css rules) .

The worse is to use negative margin and absolute positionning  without min-width and min-height   .... just because part of your page can slide of top and left side of your screen with no ways to reach or read it from screen ! (this should never happens !, unless you page is just for google or else search engines )

in between and with css you can have other options : display:table ; display:inline-block and auto margin with absolute positionning  .
You even have a mix of absolute &amp; relative with negative margin , but really not nice enough in IE7 to talk about  ... i leave aside , no need to bring extra confusion :) .

I propose 5 (known i believe) ways to vertical center a page or a block  (including table , the most solid solution)
I you read french , then go to that page to have an overview : -http://yidille.free.fr/plux/valign/?10-5-pistes-pour-centrer-en-xy-vos-pages

else here are the basic valid (standard render mode) html templates :
the single td table : -http://yidille.free.fr/plux/valign/uploads/centre-tableau.html
the CSS display:table with IE fixe : -http://yidille.free.fr/plux/valign/uploads/centre-table-css.html (will work in IE 8 without a fix)
the inline-block technique (IE ]]></description>
<pubDate>Thu, 11 Dec 2008 15:32:02 GMT</pubDate>
<guid>http://snipplr.com/view/4944/vertical-align-div/</guid>
</item>
</channel>
</rss>