...

View Full Version : IE And Firefox. Simple Prob



dariussutherlan
10-20-2010, 05:17 PM
Hi.

Could someone take a look at this site for me please.

http://www.sussexweddingphotography.org.uk

I have basic knowledge and know it will take me ages to fix properly for both browsers. Currently problems with IE8 as you will see. Firefox looks okay, but on different resolutions it plays up. Especially on my notebook..

An expert would prob fix it in minutes.

Thanx in advance

SB65
10-21-2010, 09:47 AM
Check your validator results (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.sussexweddingphotography.org.uk%2F&charset=%28detect+automatically%29&doctype=Inline&group=0). Your doctype is not quite correct which could be what's causing IE to choke. You have:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


which should be:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

dariussutherlan
10-21-2010, 10:34 AM
Cheers.

I've put an old version back up for now as it doesn't look professional.

Did try the above tho to no avail..

D

abduraooft
10-21-2010, 11:14 AM
Did try the above tho to no avail.. Please update the online version and fix the remaining errors.

dariussutherlan
10-21-2010, 04:56 PM
Just added the new site back.

Fixed floated formatting errors, but txt show up huge in IE still

Would appreciate a quick look again.

Thanks
D

SB65
10-21-2010, 05:15 PM
I think you have more problems than the text size in IE, unfortunately. Viewing in everything on 1280 by 800 the top of the page is cut off and there is no way to scroll up or down. I cannot read any of the content in #pagetext.

This is in part due to this:


html {
overflow-y:hidden;
}

but also due to the use of absolute positioning for both #pagetext and #container. You still have virtually the same validation errors as far as I can see, but fixing these alone isn't going to make your page look right.

The biggest problem is the positioning of those divs so I'd suggest removing the absolute positioning, and all the top and left settings, and all the huge negative margins on the divs, and taking a look at what it looks like then.

Sorry, I don't expect you wanted to hear this....

EDIT...I'd also remove the height from #pagetext. Your divs also seem to be the wrong way around - I think #container shouldbe before #pagetext. If I do all this the page doesn't look very nice but at least I can read it...then we can pretty it up a bit.

dariussutherlan
10-21-2010, 05:38 PM
Okay.

Addressing the cut off issue. This is the one I want to fix. I've deliberately hidden the scrollbars. When viewing on a notebook, small resolution, the image at the top is cut off to a point.

I am just looking at img src tags info. I want to basically fix it so most of the page displays on 1 page, no scrolling. I am using my small notebook as a test bed as this is small screen and smaller resolution and in chrome, so far most things fit on the screen...

Can I resize the image based on resolutions.

Damn Web stuff.

SB65
10-21-2010, 05:49 PM
Resizing the image based on resolutions is, I think, an unnecessarily complex solution which doesn't address the issue. Realise this sounds a bit preachy, for which I apologise, but that's just plastering over the cracks and storing problems for later. Ahem....

At the moment, as your page stands, you've got the heading image, then the thumbnails and large image, and some links. They'll fit on without scrolling. Fine. But your other content will need to scroll - either that or take it off the page entirely - or are you trying to have it there but not visible for search engines or something like that?

dariussutherlan
10-21-2010, 05:51 PM
Thanks for your response.

I'd like to fix a main problem (for me anyway at this stage) txt size in IE. What's causing this? firefox fine, IE massive anchor text..

dariussutherlan
10-21-2010, 05:52 PM
Cheers.

Yip.

At this stage until I get proper site or content, the content is all about search engine, hence no scrolling and not visible...

Thanx for you help, keep it coming :-)

SB65
10-21-2010, 05:58 PM
Don't understand your last two posts I'm afraid. It's still not fine in Firefox.

dariussutherlan
10-21-2010, 06:07 PM
Yeah. It's not 100% fine but what I could probably do it

Main thing I want to address just now is the IE dramatic font size increase.

I can at least for now strip out the header image 'Sussex Wedding......' and just have the thumbnail images, main image and link txt..

So bare minimum splash screen, that at least looks okay for now and just one visible page

dariussutherlan
10-21-2010, 06:11 PM
How would you go about fitting all elements on the page.

Just using scrollbars with element positoining correct in the 1st place (not all over the shop like mine) or

Modify elements sizes dependant on screen resolution??

SB65
10-21-2010, 06:20 PM
Have a try with setting the font-size on small explicitly - looks like that's what upsetting IE.

Personally, I'd make sure the header and photo fit on without scrolling ,and scroll to the rest of the content.

dariussutherlan
10-21-2010, 06:29 PM
So set font within

<small style=

section. Think I tried that, but will dabble again.

Thanks very much for your help...

D

SB65
10-21-2010, 06:33 PM
In there or in the style section like this:


small{font-size:15px}

dariussutherlan
10-21-2010, 07:31 PM
Cheers. I had tried it before but omitted the px business...

tracknut
10-21-2010, 08:21 PM
The vast number of your coding errors are from taking what appears to be old html code and declaring it as xhtml in your doctype. It would be easier I suspect to change your doctype to html transitional, and see where that gets you.



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


Dave

dariussutherlan
11-03-2010, 10:14 AM
Hi.

Could someone take a look at this site for me please.

http://www.sussexweddingphotography.org.uk
http://www.photographersinbrighton.org.uk

I have basic knowledge and know it will take me ages to fix properly for both browsers. Currently problems with IE8 as you will see. Firefox looks okay, but on different resolutions it plays up. Especially on my notebook..

An expert would prob fix it in minutes.

Thanx in advance

Not a prolem any more, changed it back to flash, need to create code for when flash is not installed now...



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum