Jump to content
php.lv forumi

vertical-align


parastsLietotajs

Recommended Posts

cau

 

xHTML strict

 

kaa piedabuut bildi ieksh <div> elementa pa vidu?

 

text-align = horizontaali

kaa ir vertikaali? [atkaartoshos - xHTML strict]

 

iekš Opera un FF strādā šis piemērs: http://www.webtoolkit.info/css-vertical-align.html

uz IE, brīnums, bet nestrādā pareizi :)

 

man jau itkā pie kājas tas IE, bet tā nebūtu smuki

 

reku bildīši

FireFox

uzoperaffor6.jpg

IE

uziekd0.jpg

 

un kods

html

			<div class="banner_top">
			<div class="v-middle">
				<div class="v-inner">
					<img src="http://sfx-images.mozilla.org/affiliates/Buttons/firefox3/468x60.png" />
				</div>
			</div>
		</div>

css

.banner_top {
width: 830px;
height: 100px;
border-left: 1px solid black;
border-right: 1px solid black;
float: right;
text-align: center;
background-color: #d3d3d3;

display: table;
#position: relative;
overflow: hidden;
}

.v-middle {
display: table-cell;
#position: absolute;
#top: 50%;
vertical-align: middle;
}

.v-inner {
#position: relative;
#top: -50%;
}

Link to comment
Share on other sites

×
×
  • Create New...