I am still used to the days when tables where used to style a website. Today I am creating a new personal website, and want to do it the proper way with HTML5 and CSS3. But I have a problem…
I basically want a centered white content DIV of 960px. Next to that I want two images that are the borders between the content and the background. This is how I managed to get it work, but it does not really feel correct because when I enable “compatibilty view” in IE, I get an ugly looking think. :-)
Note: border-left.png = 79px and border-left.png = 51px, therefore you see these numbers appearing.
See the left and right border that is (in this case) transparant. My project is more or less the same. My border doesn’t need to be transparant, but I use pictures to fade over. The page setup is also more or less the same. Only in my case the logo is inside the white centered content area/