IE prob

hi, i seem to have some probs with the layout of my site in IE.

http://www.paulcurley.com/area.htm

the container is too small in IE but fine in other browsers. if i change the width to suit IE it messes up for the others. what can i do?

this link is only a test and the home page is for my own site so please ignore.

cheers

Hi,
Tested your site on a Mac and PC in IE and Safari. Only problem i could see was second pic down (caledonia canal) was overspilling its box. Just define its size in the html document and make smaller.

Unless there was something else wrong.

when i view my page in IE the right hand side container box seems to be too big. there is a white margin which shouldn't be there. can you see it, think i might be going crazy, lol??

No you are not going crazy - i see it too. I think its because you have set the margins on the div picboxright to 5px except for the left one which was 0. I set them all the same as this:

#picboxright {
margin : 5px 5px 5px 5px;
padding : 5px;

and both sides seem balanced when i tested on IE on a MAC.

A bigger problem is that on a MAC screen your pic for the Caledonian Canal is too big and pushes the layout out of position. To solve this just make pic smaller.

Hope this helps.

D

cheers man, i didn't actually notice that prob. If you have a look at the header it seems to be about 15px (aprox) too short from the right. trying to use the box model hack to fix it but not getting paid for this so might just give up the ghost.

in your opinion what should be charged for the design of this site???

cheers for the help man

How much?

Hard to say - some people would do it (badly) for £20 but a real good job should be more like £300 - £500.

Try looking round at website design sites for prices.

Realistically - as much as you can get!!

my problem is that i said i would design it, never talked about a price cause i thought it was going to be much simpler then they ask for a lot more. i was just wanting this to put in my portfolio so i can try get a job as a junior developer. however i have spent a lot of time and think i should be owed some cash. they will have the source code so they can update the text and some simple stuff (suits me cause i don't have to look at it again) however i fear if i ask for money they might be a bit pissed and take my name from the footer.

do you think i should ask for cash and hope they keep my name in the footer or just leave it and move on??

You should definitely ask for some money.

Even if they take your name off the site you can still include it in your folio.

A designers time is worth something. You wouldnt go and paint their house / mow their lawns and not expect to be paid. This is no different.

can i still put it in my folio?? how will anyone looking at my folio know that i designed it?

cheers

On my browsers, it looks fine in IE but it's a mess in Firefox. The source of the problem is font size, which you do in % (relative) vs. photo size, done in pixels (fixed).

The easiest solution would be to fix the div heights in pixels. This will cram smaller fonts towards the top, but if you want the text centered, you can do top and bottom padding for the text in ems.

The other approach is to set css photo sizes in a relative box. There are drawbacks to this but it's worth a mention, since this would always give you good text-picture alignment.

The important thing is to keep the photos from overflowing the bottom of the div.

p.s. Please post your code when you have a problem.

can i set the text in em? would that fix it?

You can set (almost) any size measurement, including relative position, in relatives: percent, auto, em, ex, or en (I think); or in fixed sizes: px, pt, maybe even inches afaik. Prolly a few others. I tend to set fonts and vertical sizes in relatives (% or em) and horizontal values in fixed (or %). You can figure out why. Hint - one reason, a box height and a font, the box will grow if the reader's browser shows bigger fonts and shrink if he shows smaller fonts.