I used the external *.css for style.
The so called "fixed width of 1024px" works like this:
If the monitor's resolution setting is 1024 or less, then display the full screen, leaving no blank edges on either side, such as
|<-- Content -->|
If the monitor's resolution setting is greater then1024, then the page content is displayed on the middle of the screen, leaving 10% blank edges on either side, kind of
|<--blank 10%-->|<-- Content (80%)-->|<--blank 10%-->|
Now, with the side bar, I want it to look like:
|<--blank 10%-->|<-- Content (left pane) -->|<--side bar(fixed width OK)-->|<--blank 10%-->|
Any suggestion or comments?
The reason I set the 1024 as the break point is that if I set the width to 100%, the content won't look nice on the wider screen, it will be either to left or fully spread across the screen; While leaving 10% on each side as blank makes it look nicer.