I have been learning from a tutorial on how to create a fixed tabless CSS layout, starting from Photoshop and ending with HTML+CSS code.
Here is the final example suggested by the tutorial (how it should look like in the end):
And this is my own version of the previous template:
As you can see, I am facing an issue in Firefox with the left shadow of the left column (and other browsers are presenting different problems)
In the tutorial's example template, the shadow was created by using the bgpage.gif image as the background of the #container div and placing it on the right side of the div
container {
/* Consente di posizionare un elemento al centro del suo contenitore (non tutti i browser la supportano) */
margin: 0 auto;
width: 770px; /* Imposto la larghezza */
background: url(../images/bgpage.gif) repeat-y scroll 100% 0 transparent;
}
Why does it work well in the tutorial's example but not in mine?
Can someone help me solve this issue?
Thanks,
Andrea