Gå til innhold

midtstille vertikalt i IE


Anbefalte innlegg

Jeg sliter med å midtstille bilder i et bildegalleri vertikalt.

jeg har søkt gjennom forumet og funnet denne siden, men får det ikke til å virke i IE (bombe).

i IE legger alle bildene seg oppå hverandre..

 

CSS

gallery
{
float:left;
}
#outer {height: 187px; overflow: visible; position: relative;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%} /* for explorer only */
/* optional: #inner[id] {position: static;} */

HTML

<div class=\"gallery\">  
	<div id=\"outer\">
		<div id=\"middle\">
			<div id=\"inner\">
				<a class=\"img-gal\" href=\"http://www.predicted.net/bilder/$pic_link\" title=\"$image_comment\" rel=\"lightbox[roadtrip]\"> 
				<img  class=\"img-border\" src=\"http://www.predicted.net/bilder/$thumb_name\"></a>
			</div>
		</div>
	</div>
</div>

 

Jeg vet at dette har vært oppe før, men av det jeg fant var det bare sentrering av enkle objekter. Jeg looper html koden ut med php sånn at jeg får et bildegalleri.

noen bilder står på høykant, mens noen ligger. For å få det til å se fint ut vil jeg sentrere de.

link til siden

 

håper noen som er bedre enn meg i css kan gi et vink :w00t:

Lenke til kommentar
Videoannonse
Annonse
Mulig det er mer hjelp her: Vertical centering using CSS

7973316[/snapback]

 

Jeg har vært innom der og, men ikke fått det til å virke, men ellers takk..

 

Med koden jeg bruker nå går det fint å midtstille et bilde i IE, men når det kommer flere legger de seg helt til høyre og alle sammen oppåhverandre. jeg vet ikke hva jeg kan forandre i css koden for å unngå dette. noen tips`?

jeg er klar over at jeg bruker id="" i divvene på html koden og at det er sånn i css'en og, men hvis jeg forandrer til klasser fungerer det like dårlig.

 

Jeg har løst problemet, men jeg måtte loope ut bildene i en tabell for å få det til.

Endret av Smidt
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...