z1z2

Hello. I'm having a problem with properly viewing my design. I'm currently using <div> to build its structure.
Link: http://oshrinuri.000space.com/index2.html

Firstly, there seperators (1pixel width and 30px height) arent shown properly.. I don't know how to do this.. (both browsers fail to show it). In addition, there are with gaps between all elements. I would like to fit this design to almost every resolution, therefore, the container div (which includes width and height in percents).

Thanks in advance!

kompallysree

Hi z1z2

In order to get this design do these modifications:

1) li{display:inline;float:right;}
2) .button{line-height:28px;} // add this to button class
3) a{padding:0 0.6em;} // change this padding values
4) .col{float:right;width:2px;} // change width 1px to 2px
5) .buttonR{line-height:28px;width:85px} // add this to .buttonR class and change width