Weird CSS issue when resizing browser

[drizzy]

Hi All,

I’m working on a website, I’m fairly new to css, been using it for about a year on and off and the issue I’m having is when you goto the site and you decide to make the browsing window smaller the right side gets cut off and shows a white background/image over the side of the page. I’ve been trying to figure out how to fix this problem, but I’m coming up with nothing. Does anyone have an idea where I went wrong and how to fix it.

Thanks in advance

[clokey2k]

I think I remember contacting @ChrisCoyier about this, as his personal site has the same issue in the header. You can ‘fix’ this by declaring ‘width: 100%’ and ‘display: table’ on ‘div.post_header’.

I have no idea why it works or where I found this!

[drizzy]

Oh my days!! :).. thanks a lot
works like a charm

[pj2000]

I have only to say that you have bug (

[drizzy]

great thanks alot!!

cheers

[drizzy]

I just got one more issue I can’t seem it figure out
on the website under current deals
you notice especially in IE8 and chrome the little orange table block that says “you pay” doesn’t line up properly all the time. When you scroll down even more to the end it gets completely cut-off.

What am I doing wrong here. I tired padding and it doesn’t seem to make a difference

Thanks in advance!!

[drizzy]

Also on the main page the buy now button is out of place in Firefox
anyone know how I go about fixing this issue, I cant seem to figure it out.

Thanks in advance again. :)

bump: nevermind I figure out the issues

margin:9px 0 0 90px;
and
padding:26px 0 0 1px;

and the width wasn’t entered in

thanks again for the help

[drizzy]

does anyone have any suggestion for the logo issue I’m having at the top.
When I open the site full screen the logo is align properly, but If I start to shrink the browser size it starts to shift.

Any thoughts on where I went wrong TIA :)

[dornedain]

If you want the page in the center no matter the size, in your main div, the one containing all your content just add in the CSS

margin-left:auto;
margin-right:auto;

[drizzy]

@dornedain I’ll give that a try thanks alot

[drizzy]

doesn’t seem to be working.:( it still seems to shift when I set the properties that way

[drizzy]

anyone have any idea what I’m doing wrong at this section?
also in IE7 the top border image of the body just goes missing.

[Author]

Posts