I'm redesigning a website here www.thetauntonacademy.com/testing3
I am trying to make the social box with facebook and others in it stay inline with the top of the context box on the left. But when i apply the float the social box is always lower. Look at the website and you'll see what i mean.
Thanks in advance

Here is my code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

dropdown menu in Internet Explorer

hello all,

i have created my dropdown menu and it does not work well with Internet Explorer but works fine with Mozilla Firefox. what is more ambiguous is that the same codes works well on my local and only problems when hosted. below is the link to my website : http://kid-story.hostei.com/

please help... thanks...

the css of the menu :

#pillmenu {
height: 44px;
margin: 0;
padding: 0;
background: transparent url(../images/ebbtmbindex1.gif) top center no-repeat; /* topmenubackground - 965*35*/
text-align: left;

#pillmenu ul {
margin: 0;
padding: 0;

position relative "-top" increase height of parent div

awariat wrote:
hi everyone i am new on this forum and i my English is not so good i wish so i am sorry.

the problem
template with 3 png transparent images. The middle image is repeatable (repeat-y) and i put article div i this middle div.

look http://yoolek.com/testy/css_middle_problem/ind0.html

but because of construction of top image the article is a bit below so i did

.article {
			position: relative;
			top: -135px;
			margin-right: 170px;

Help centering header


I am attempting to center my header within the brower window so that it retains center regardless of how you pull out the browser window. I've tried many things, nothing seems to work correctly.

Here is a link to the page:


All of the CSS embedded in the head of the document.

You can see that I have used {left: 12%;} in the #navigation ul, this doesn't achieve what I'm looking for, only a slight approximation.

The CSS validates 100%

Full-width background image as part of layout. *Link included*

I'm trying to grasp the simple concept of creating a background image, which will sit behind (or appear as if it sits behind) the core layout divs (e.g header, wrapper). Its hard to explain, but here are a couple of examples:


Syndicate content