17 replies [Last post]
bdee1
Offline
Regular
Last seen: 12 years 18 weeks ago
Timezone: GMT-4
Joined: 2005-04-13
Posts: 39
Points: 3

i have a page (http://www.blairdee.info/newdesign/portfolio.html)on which i can't quite get everything to line up:

my basic html structure looks like this:

 

 



and my styles can be found here:
http://www.blairdee.info/newdesign/style.css

the site looks ok in IE, but for some reason, in FireFox, my header, subheader, menu and content is all aligned left instead of centered.

how can i get my content centered on the page?

mihirc
mihirc's picture
Offline
Leader
Pune, Maharashtra, India
Last seen: 8 years 25 weeks ago
Pune, Maharashtra, India
Timezone: GMT+5.5
Joined: 2007-05-09
Posts: 728
Points: 204

Hi, well firstly i would ask

Hi, well firstly i would ask you to check and validate your site..

Now for the solution, add a container div to all your other divs, i.e. after body and end it before the body tags end. Give it a simple margin:0 auto; That will solve your problem.

But please while posting, check the stickies, check ur validator and then post, it helps to know that there's no problem with the index.

mihir Smile

Proprietor - Thoughtfulviewfinder Services
Web Development | Design | Merchandise | Photography
My personal blog: MihirChhatre.com

bdee1
Offline
Regular
Last seen: 12 years 18 weeks ago
Timezone: GMT-4
Joined: 2005-04-13
Posts: 39
Points: 3

thanks for the quick reply -

thanks for the quick reply - that seemed to do the trick. although there are still a couple of quirks

1) In Firefox it looks OK, but in IE7, it looks like the main div is 1 pixel further to the left than it should be, which creates a white border on the right side.

2) the body background contains the shadow that goes up the left and right sides of the content. but somehow i need the body background to start a few pixels lower than the top of the page to accommodate the shadow at the top of the header. you can see that right now it looks kind of funny. the intention is to give it the look of a shadow all around the content (on the top and down the sides. I am not sure how to accomplish this. any advice would be appreciated.

mihirc
mihirc's picture
Offline
Leader
Pune, Maharashtra, India
Last seen: 8 years 25 weeks ago
Pune, Maharashtra, India
Timezone: GMT+5.5
Joined: 2007-05-09
Posts: 728
Points: 204

hi, its good that it works,

hi, its good that it works, but now is the time to first validate your page. once its done i'll be happy to see what the problem is...

mihir Smile

Proprietor - Thoughtfulviewfinder Services
Web Development | Design | Merchandise | Photography
My personal blog: MihirChhatre.com

bdee1
Offline
Regular
Last seen: 12 years 18 weeks ago
Timezone: GMT-4
Joined: 2005-04-13
Posts: 39
Points: 3

i did validate it - went to

i did validate it - went to http://jigsaw.w3.org/css-validator/ and it came up clean.

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 39 weeks 6 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

What about your HTML?

What about your HTML?

Verschwindende wrote:
  • CSS doesn't make pies

mihirc
mihirc's picture
Offline
Leader
Pune, Maharashtra, India
Last seen: 8 years 25 weeks ago
Pune, Maharashtra, India
Timezone: GMT+5.5
Joined: 2007-05-09
Posts: 728
Points: 204

Hi, they have got 21 errors

Hi,
they have got 21 errors in them, so please validate them.

mihir. Smile

Proprietor - Thoughtfulviewfinder Services
Web Development | Design | Merchandise | Photography
My personal blog: MihirChhatre.com

bdee1
Offline
Regular
Last seen: 12 years 18 weeks ago
Timezone: GMT-4
Joined: 2005-04-13
Posts: 39
Points: 3

yea sorry - i just did the

yea sorry - i just did the css before - not the html. i will fix the html errors and post back when its fixed.

mihirc
mihirc's picture
Offline
Leader
Pune, Maharashtra, India
Last seen: 8 years 25 weeks ago
Pune, Maharashtra, India
Timezone: GMT+5.5
Joined: 2007-05-09
Posts: 728
Points: 204

hi, sure do. But i am

hi,
sure do. But i am signing off now, its just 2 in the morning and am dead tired now. need to get back to office and half past nine, so gotta sleep. you will get solutions to your problem, with your validated html, and i will also, but after sometime..

mihir. Smile

Proprietor - Thoughtfulviewfinder Services
Web Development | Design | Merchandise | Photography
My personal blog: MihirChhatre.com

bdee1
Offline
Regular
Last seen: 12 years 18 weeks ago
Timezone: GMT-4
Joined: 2005-04-13
Posts: 39
Points: 3

well thanks for stickign

well thanks for stickign with me as long as you did - i appreciate your insights.

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 39 weeks 6 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

Let us know when you get the

Let us know when you get the HTML validated and we'll have another crack at it.

I'm off to bed too. It's only 9.40pm but my eyes are melting and Derren Brown's on in twenty minutes Wink

Verschwindende wrote:
  • CSS doesn't make pies

bdee1
Offline
Regular
Last seen: 12 years 18 weeks ago
Timezone: GMT-4
Joined: 2005-04-13
Posts: 39
Points: 3

ok the HTML is validated -

ok the HTML is validated - it was just a bunch of fairly trivial things - missign alt tags on images, and what not.

i am still having the same trouble listed above though.

any help would be appreciated.

bdee1
Offline
Regular
Last seen: 12 years 18 weeks ago
Timezone: GMT-4
Joined: 2005-04-13
Posts: 39
Points: 3

ok so i made some changes

ok so i made some changes and took a slightly different approach to get the shadows right at thetop of the page. it seemed to work but now my footer seems to be a bit off.

mihirc
mihirc's picture
Offline
Leader
Pune, Maharashtra, India
Last seen: 8 years 25 weeks ago
Pune, Maharashtra, India
Timezone: GMT+5.5
Joined: 2007-05-09
Posts: 728
Points: 204

hi, transparent

hi,

transparent url(../wordpress/wp-content/themes/freshy/images/page_bottom.gif) no-repeat scroll center bottom

Why hav you given the shadow of the footer another image? why didnt you let the image repeat itself till the end?
I suggest you move your footer div in the page div, so the shadow will get applied to it also...

mihir Smile

Proprietor - Thoughtfulviewfinder Services
Web Development | Design | Merchandise | Photography
My personal blog: MihirChhatre.com

bdee1
Offline
Regular
Last seen: 12 years 18 weeks ago
Timezone: GMT-4
Joined: 2005-04-13
Posts: 39
Points: 3

almost there - one pixel off

ok so played aroudn with the footer a bit and put it back inside the page div and it looks ok now. the only remainign problem is that when i view the page in IE7, the contents of my page div (contains subheader, menu and content) seem to be pushed one pixel to the left.

it looks fine in firefox though.

any idea why it is doing this in IE?

bdee1
Offline
Regular
Last seen: 12 years 18 weeks ago
Timezone: GMT-4
Joined: 2005-04-13
Posts: 39
Points: 3

i have been playing with

i have been playing with this all day and still have not been able to figure out why IE is doing this - anyone have an idea?

mihirc
mihirc's picture
Offline
Leader
Pune, Maharashtra, India
Last seen: 8 years 25 weeks ago
Pune, Maharashtra, India
Timezone: GMT+5.5
Joined: 2007-05-09
Posts: 728
Points: 204

Hi, sorry but currently am

Hi,
sorry but currently am at a pc that doesnt have IE7, so i will look into it tomorrow.

Its sunday, so office is not there today.

mihir. Smile

Proprietor - Thoughtfulviewfinder Services
Web Development | Design | Merchandise | Photography
My personal blog: MihirChhatre.com

bdee1
Offline
Regular
Last seen: 12 years 18 weeks ago
Timezone: GMT-4
Joined: 2005-04-13
Posts: 39
Points: 3

no problem - when you get

no problem - when you get back to to the office if you could check it out i woudl appreciate it. i still cant figure it out.