How i can make the sidebar to be on top or to have fixed size?

Hi

i want the sidebar elements to be on top of the page and after that the articles from below (taking the whole width of the blog)

1) open index.php in your theme folder for editing

2) move this (found near the bottom) <?php get_sidebar(); ?>
after this (found near the top) get_header(); ?>

3) on the line <div id="content" class="narrowcolumn">
remove class="narrowcolumn"

4) open style.css for editing

5) change this (line 3982 ??)

#sidebar {
margin-left:545px;
padding:20px 0 10px;
width:190px;
}

to this

#sidebar {
float:right;
padding:20px 0 10px 20px;
width:190px;
}

That should make the changes you want.

thank you very much for your help. on my #sidebar there was this

‘#sidebar {

font: 1em ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #777;
}’
and i add what you say

‘#sidebar {
float:right;
padding:20px 0 10px 20px;
width:190px;
font: 1em ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #777;
}’
and now indeed the text after the sidebar looks better, this is the result: https://www.bstefanou.gr/arthra/ but it is possible in the left of the sidebar to have text and not blank? (something like this https://img15.imageshack.us/img15/511/17776393.jpg ) if it is not possible what do you suggest to make the page look better? place the sidebar in the middle, placing the sidebar’s element one next to the other if it is possible (something like this https://img15.imageshack.us/img15/2857/71875797.jpg ) or something like that?

thank you very much for your help. on my #sidebar there was this

#sidebar {

	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

and i add what you say

#sidebar {
float:right;
padding:20px 0 10px 20px;
width:190px;
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

and now indeed the text after the sidebar looks better, this is the result: https://www.bstefanou.gr/arthra/ but it is possible in the left of the sidebar to have text and not blank? if it is not possible what do you suggest to make the page look better? place the sidebar in the middle, placing the sidebar’s element one next to the other if it is possible or something like that?

EDIT: ok, i have edit a #sidebar that was before the sidebar you told me. now its working good.
About those lines.. every time i edit a page from wordpress control panel, it adds me a blank line between everywhere… i dont know why. now how i can fix this? it doesnt do anything its just ugly

Thanks again for your help.

How i can make the same changes to appear when someone select a certain category? selecting a certain category is somethig like searching right? i have make your 3 first steps on the file search.php but didnt solve the problem. whenever im choosing a category im seeing the blog as it was before the edit

It was the archive.php everything works great now

Hi

Your English is much better than my Greek! I looked at your site and it seems to be working OK now. It looks like you already did so, but you need to make the same changes to category.php and archive.php that you made to index.php.

If there are still problems, post back what they are.