Home | Top Skins | Tags | All Skins | Forums | Contribute | About

BlogSkins.com Forums

Forums > Tips & Tricks > "Alignment problem? ;)" (7 replies)
[DELETED USER]'s icon Author: [DELETED USER]
Posted: 8 months ago
(link)
okay i know that ghosts are replying to my previous thread, but i missed out a tip i have to share with you guys. ;)
ever had trouble aligning div or other stuff in Internet explorer and Firefox?
well, i've found a way to fix it, hoho. -_-
okay. you place a picture above a div and you set the div aligned in, for example, IE.
when you view it in FF, you notice that the div appears to be wider/narrower than the pic.
i'm going to use an example property to demonstrate. :]
let's use width.

in your css, append the properties width and _width in your div.
width = the width of the div in FIREFOX
_width = the width of the div in INTERNET EXPLORER
measure the width of the image in both Firefox and IE.
enter the width according to the instructions above (width for FF, _width for IE)
and you should get perfectly aligned div in both browsers. hahah.

it can be used in aligning margins too. :)

of course, to understand all that, you need knowledge of div and css. ;)
cheers. :D

Edited 8 months ago.
 
 
[DELETED USER]'s icon Author: [DELETED USER]
Posted: 8 months ago
(link)
  why nobody reply :'(
iie verii heartbr0kenx nehhs . D:
 
 
eclair-x's icon Author: eclair-x
Posted: 8 months ago
(link)
  walau weh u genius!
 
 
eclair-x's icon Author: eclair-x
Posted: 8 months ago
(link)
  hehehehe. :D
 
 
eclair-x's icon Author: eclair-x
Posted: 8 months ago
(link)
  a happy hilary is hip!
 
 
//& tessa *'s icon Author: //& tessa *
Posted: 8 months ago
(link)
  o.o . lols ;D .
 
 
BAKEDPOTATOE's icon Author: BAKEDPOTATOE
Posted: 8 months ago
(link)
  there's an easier way with margins.
it's cross-browser compatible some more.

yours only caters to IE and FF.
opera? safari? and all the other thousands of browsers floating around.

lol x)
 
 
BAKEDPOTATOE's icon Author: BAKEDPOTATOE
Posted: 8 months ago
(link)
  I quote:

"
ah. for tables, you can put align=center. easy.

for div if your div is say, 500px.(width)
put :

position:absolute;
left:50%
margin-left:-250px;

always put left:50%
and margin-left negative half of your div width :D

that way it'll be centered.
similarly vertically, top:50%
margin-top:-250px;

yepyep
hope it helps (:
"

original post is here http://blogskins.com/forum/3/60352/
Subscribe To This Thread: RSS 2.0 or Atom (?)
This thread has been locked, and no new replies can be posted.


Site

- Home
- News Archives
- About
- Stats
- Feeds
- Privacy Policy

Skins

- Tags
- Search Skins
- All Skins
- Random Skin
- Skin Of The Day
- Contribute

Forums

- General
- Tips & Tricks
- Help!
- Suggestions
- Skin Requests
- Blogging Software
- Web Hosting

Account

- Log In
- Register
</BlogSkins>

Warning! Do not follow this link! It is a trap for poorly-behaved bots. If you follow this link, you will be banned from accessing this site and several others. I will not have mercy on you. Do not follow this link!