Jump to content


Photo

css positioning


  • Please log in to reply
2 replies to this topic

#1 derek.sullivan

derek.sullivan

    Jedi In Training

  • Members
  • PipPip
  • 343 posts
  • Gender:Male
  • Location:Georgia
  • Interests:preaching, programming, music, friends, outdoors, moves, books

Posted 22 May 2012 - 01:44 PM

I am trying to position my website using position: absolute (not to familiar)... It looks fine in Firefox, but in IE and Chrome, it is misaligned. website is: http://sm.dsullweb.com/

Here is the css:

body {
    background: url('images/bg2.png') repeat;
    margin: 0;
    padding: 0;
}
#header {
    background: url('images/ymbg.png') 100%;
    width: 100%;
    height: 400px;
    margin: 0;
    padding: 0;
}
#navbar {
    position: absolute;
    top: 225px;
    right: 0;
    width: 520px;
    left: 50%;
    overflow: hidden;
    height: 70px;
    float: right;
}
#border {
    background-color: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
    width: 800px;
    height: 500px;
    overflow: hidden;
    margin: auto;
    padding: 10px;
    position: absolute;
    top: 300px;
    left: 250px;
    right: 250px;
    bottom: 0;
}


#2 derek.sullivan

derek.sullivan

    Jedi In Training

  • Members
  • PipPip
  • 343 posts
  • Gender:Male
  • Location:Georgia
  • Interests:preaching, programming, music, friends, outdoors, moves, books

Posted 24 May 2012 - 03:34 PM

topic solved

#3 santacruz

santacruz

    Young Padawan

  • Members
  • Pip
  • 1 posts

Posted 12 August 2012 - 09:54 PM

how to solve it? can you share?




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users