Tag Archives: Coloured Boxes

I am just finishing a web site where I want two columns with coloured boxes in order to align underneath both: 3rd left box 184px height ——–1st right field 184px height 15 px space ————————10 px space Following left box ————————2nd correct box I’ve used CSS and also Divs (rather than tables) but cannot understand why the item aligns properly with IE but around Firefox and Chrome the 2nd left hand proverbial box appears 10px as well as so below the next right hand common box. This site is http: //www. specialistangliansecurity. co. uk/ and the particular relevant code is definitely: 3rd left box: Code: #menuitems situation: relative; top: 0px; vertical-align: prime; width: 319px; peak: 184px; padding: 0px; margin: 0px; border: 0px; background-image: url(‘.. /security-images/navigation-bk. jpg’); background-repeat: no-repeat; overflow: hidden; 1st perfect box: Code: #gallerysection situation: relative; z-index: 50; height: 184px; thicker: 621px; padding: 0px; margin: 0px; border: 0px; . gallerycontainer situation: relative; top: 0px; vertical-align: prime; height: 184px; thicker: 621px; padding: 0px; margin: 0px; border: 0px; z-index: 50; background-image: url(‘.. /security-images/security-imagesbk. jpg’); background-repeat: no-repeat; 2nd remaining box: Code: #companies situation: relative; top: 10px; vertical-align: prime; width: 319px; peak: 448px; padding: 0px; margin: 0px; border: 0px; background-image: url(‘.. /security-images/company-bk. jpg’); … Continue reading →