[outhowz42]

Please have a look at this site I am playing around with to try to learn CSS.

www.sportsloon.com

I created the page layout using all div tags. There are a few problems I am not sure how to fix. First off, when I view it in IE 6, I see the footer twice for some reason and I have no idea why.

Next, if you do a search for say "redsox", it takes you to the search page and the #bodymiddle grows to fit the search results. How can I make the #bodyleft and #bodyright grow to match the size of the #bodymiddle.

These two questions may be more of dreamweaver cs3 questions.

1. How do I get the css into a separate file. If you view the page source for this page, all of the css is shown. I want to put it in its own file.

2. I am using a template (where the header, navbar, and footer are repeating regions, the body left, middle, and right are editable). When I go to the search page and try to change the css for the #bodymiddle to text-align: center;, it will not let me because it is locked. I don't want to change the css for the template b/c on the homepage I want the text-align for the bodymiddle to be left.

....sorry for all the trouble, like I said I'm a n00b and would appreciate any help on any of these questions very much!!!! THANKS!!

[outhowz42]

...even any general advice would be good. Thanks.

[outhowz42]

guess I'll have to post this somewhere else to get help. Bye

[D3C]

To put the css in its own file just copy the css code into its own file name styles.css and in your html code, in the head section write

Code:

<link href="styles.css" rel="stylesheet" type="text/css">

Make sure the files are in the same directory.

[xEX3CUT1ONx]

Originally Posted by outhowz42

2. I am using a template (where the header, navbar, and footer are repeating regions, the body left, middle, and right are editable). When I go to the search page and try to change the css for the #bodymiddle to text-align: center;, it will not let me because it is locked. I don't want to change the css for the template b/c on the homepage I want the text-align for the bodymiddle to be left.

Create different Stylesheets then use

<link rel="stylesheet" type="text/css" href="CSSHERE.css" /> put that in the head for the html document.