CSS Problem with different size browsers

[Jackptbw]

Hey guys, I have a problem with my logo, in different size windows it moves all over the shop. I’ve been told too add the position element to relative and absolute etc but none work. Does anyone know how I can resolve this problem it’s doing my nut in. I have also added a wrapper around my logo element (h1 tag) but it still does the same thing.

This is my h1 tag –

h1 {
font-size: 48px;
margin: 50px auto 120px auto;
margin-left: -27px;
}

and wrapper if it matters –

#wrapper {
margin: 0px 255px;
}

If anyone could help I’d be chuffed!

[timmey]

do you have a link?
or create a http://jsfiddle.net with your markup

[Jackptbw]

This is the html snippet

and the css for that is –

h1 {

font-size: 48px;

margin: 50px auto 120px auto;

margin-left: -27px;

}

#wrapper {

margin: 0px 255px;

}

I took my website offline because the hosting I was paying for was terrible trying to find a better one atm. Is this the code you want?

[Jackptbw]

JS Fiddle isn’t working and the html on here :/!

[TheDoc]

@Jackptbw – you need to wrap your code in < pre>< code> tags. I have done it for you above. There is a button just beside the italicize button to wrap your code.

[Jackptbw]

Awww >.< Cheers man do you know what the problem could be?

[TheDoc]

Why does your wrapper have margins set up like that? Without seeing the whole code, it’s tough to say, but I think you might have a few problems going on. Do you have a link to the website?

[Author]

Posts