Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 19
  1. #1
    New Coder
    Join Date
    Oct 2010
    Location
    http://www.sussexweddingphotography.org.uk
    Posts
    29
    Thanks
    2
    Thanked 0 Times in 0 Posts

    IE And Firefox. Simple Prob

    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

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,957
    Thanks
    9
    Thanked 727 Times in 721 Posts
    Check your validator results. Your doctype is not quite correct which could be what's causing IE to choke. You have:

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

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

  • #3
    New Coder
    Join Date
    Oct 2010
    Location
    http://www.sussexweddingphotography.org.uk
    Posts
    29
    Thanks
    2
    Thanked 0 Times in 0 Posts
    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

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,864
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Did try the above tho to no avail..
    Please update the online version and fix the remaining errors.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    New Coder
    Join Date
    Oct 2010
    Location
    http://www.sussexweddingphotography.org.uk
    Posts
    29
    Thanks
    2
    Thanked 0 Times in 0 Posts
    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

  • #6
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,957
    Thanks
    9
    Thanked 727 Times in 721 Posts
    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:

    Code:
    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.
    Last edited by SB65; 10-21-2010 at 05:27 PM.

  • #7
    New Coder
    Join Date
    Oct 2010
    Location
    http://www.sussexweddingphotography.org.uk
    Posts
    29
    Thanks
    2
    Thanked 0 Times in 0 Posts
    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.

  • #8
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,957
    Thanks
    9
    Thanked 727 Times in 721 Posts
    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?

  • #9
    New Coder
    Join Date
    Oct 2010
    Location
    http://www.sussexweddingphotography.org.uk
    Posts
    29
    Thanks
    2
    Thanked 0 Times in 0 Posts
    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..

  • #10
    New Coder
    Join Date
    Oct 2010
    Location
    http://www.sussexweddingphotography.org.uk
    Posts
    29
    Thanks
    2
    Thanked 0 Times in 0 Posts
    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 :-)

  • #11
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,957
    Thanks
    9
    Thanked 727 Times in 721 Posts
    Don't understand your last two posts I'm afraid. It's still not fine in Firefox.

  • #12
    New Coder
    Join Date
    Oct 2010
    Location
    http://www.sussexweddingphotography.org.uk
    Posts
    29
    Thanks
    2
    Thanked 0 Times in 0 Posts
    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

  • #13
    New Coder
    Join Date
    Oct 2010
    Location
    http://www.sussexweddingphotography.org.uk
    Posts
    29
    Thanks
    2
    Thanked 0 Times in 0 Posts
    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??

  • #14
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,957
    Thanks
    9
    Thanked 727 Times in 721 Posts
    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.

  • #15
    New Coder
    Join Date
    Oct 2010
    Location
    http://www.sussexweddingphotography.org.uk
    Posts
    29
    Thanks
    2
    Thanked 0 Times in 0 Posts
    So set font within

    <small style=

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

    Thanks very much for your help...

    D


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •