Log In · Register

 
Centering DIV in different resolutions
Unfold
post Dec 25 2006, 01:52 PM
Post #1


Always Move Fast
****

Group: Member
Posts: 167
Joined: Aug 2005
Member No: 192,635



I've tried using this code to center my DIV layout in different resolutions :
CODE
<div class="content" style="position:absolute; z-index:2; left:50%; top:0%;
margin-left:-195px; margin-top:150px; width:210px; height:210px;border-style:solid; border-width:0px; border-color:000000;overflow:auto;">


but it doesn't seem to work for me.
do i need to delete the image code of my layout for it to work?
 
 
Start new topic
Replies
*WHIMSICAL 0NE*
post Dec 25 2006, 02:52 PM
Post #2





Guest






Hm, you could make seperate divs for the image and the content so that the image doesn't interfere with the content. So if you wanted your image centered you could just do this:
CODE
<div class="image" style="position: absolute; left:center; top:150px; background-color:;"><img src="http://IMGURL"></div>


It should horizontally center it, but you need to bring it down from the top so it doesn't cover up the ad.
 

Posts in this topic
GEEK iN THE PiNK   Centering DIV in different resolutions   Dec 25 2006, 01:52 PM
WHIMSICAL 0NE   It should work. Are you closing your divs? CODE...   Dec 25 2006, 02:04 PM
GEEK iN THE PiNK   hmmm that's for my content right? is there an...   Dec 25 2006, 02:20 PM
WHIMSICAL 0NE   Hm, you could make seperate divs for the image and...   Dec 25 2006, 02:52 PM
GEEK iN THE PiNK   thanks a lot! :)   Dec 25 2006, 02:58 PM
GEEK iN THE PiNK   it seems that it still not centering though im usi...   Dec 25 2006, 07:15 PM
d4z3   QUOTE(GEEK iN THE PiNK @ Dec 25 2006, 7:1...   Dec 26 2006, 03:32 AM
Infinite.   you can try this: <div class="image...   Dec 25 2006, 08:08 PM


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: