Dan B
04-16-2010, 04:14 AM
On my site in progress (http://barbarasdeli.com/), the photos are overlapping the content div. The photos are in the sidebar div, how would I go about moving that sidebar div (where the pictures are) left more?
Thanks!
maniondagger
04-16-2010, 04:19 AM
Iwould try to make the image smaller if I were you.
Dan B
04-16-2010, 04:25 AM
There is clearly room to the left of the image and I think that would be the last alternative.
Driver01
04-16-2010, 05:10 AM
I think the poster was only trying to help you?:
your left image = 457px
your right div = 500px
your container = 950px (#page div)
you can do the math.
make image or content div smaller or page container bigger. simples!
Dan B
04-16-2010, 05:29 AM
Sorry if it sounded mean, I really wasn't trying to be. Thanks driver. Worked!
Is 990px too much for a page width? It looks fine for me, I have a widescreen monitor. Are there "standards"?
Driver01
04-16-2010, 05:47 AM
If your site viewer has a screen resolution of 800x600 then yes, standards are based on whatever your audience have but normally from a designer standpoint 960px is a good base as most users are at 1024+ nowadays.
browsers and whether or not users are viewing at full screen are factors but thats a whole new debate.
I recommend 960px as a base.
So in your case you could make the right content container 485px wide with a left-margin of 15px to create a seperator gap, and then the container can be 960px with the image.
image = 457px
right content = 485px+15px = 500px
total = 957px.
tim2718281
04-16-2010, 12:23 PM
Is 990px too much for a page width? It looks fine for me, I have a widescreen monitor. Are there "standards"?
Yes, it's too wide; people often want to look at two web pages at once - eg, they might want to look at your menu while emailing someone about arranging to eat at your place.
I think its a good idea to narrow the browser window to half the screen width, and make sure it's usable. Same with window height.
Incidentally, the footer on your page is not always positioned correctly; see the attachment.
Almo99
04-16-2010, 02:47 PM
If you are designing in Dreamweaver you can create a new CSS rule and position it via that. It sounds like you've already fixed the problem though. You ca always sign up for lynda.com as well, they have some amazing tutorials.
Good Luck
Cheers
Alice
madlymasterful2018
04-17-2010, 02:01 AM
Are you using some kind of software for building your website like Frontpage or something like that??
Or if possible then make sure that you decrease your image size.