Results 1 to 5 of 5

Thread: Image problems in IE (probably CSS related)

  1. #1
    Flak Monkey! Dorza's Avatar
    Join Date
    Jul 2003
    Location
    UK - South Wales
    Posts
    1,762
    Thanks
    34
    Thanked
    17 times in 15 posts
    • Dorza's system
      • Motherboard:
      • Asus P5B Deluxe - WiFi
      • CPU:
      • Q6600 @ 3.06Ghz
      • Memory:
      • 2GB Crucial
      • Storage:
      • 500GB Samsung SpinPoint
      • Graphics card(s):
      • Geforce 9600GT
      • PSU:
      • Cosair HX520W
      • Case:
      • LianLi something something or other
      • Monitor(s):
      • Eizo FlexScan S1910 (1280*1024)
      • Internet:
      • 2mb Virgin (when they want to give me that: else 1mb)

    Image problems in IE (probably CSS related)

    Ok i have the following problem with this Site im working on. When that site is viewd with FF,Opera or NS, "image one" at the top of the screen breaks out of the centre column and overlaps into the column on the right:

    Screenshoot (See red circle):



    The above image is exceptable thats how i want it to go when viewed at a lower screen width/resolution. However if you view that site with IE6 then reduce the window width the following happens:



    IE6 tries to contain the image within the centre column (whiteish area) and so the strucutre of the site breaks. IE for some reason sticks the image further down the page:



    As you can see IE wont allow the image to break out of the centre column when its width is wider than the centre column.And then everything breaks down like i said above. So i was wondering if there was any way to fix this issue so that IE displays the image like in the first screenshot i provided. Any help would be appreciated
    Last edited by Dorza; 08-05-2005 at 01:38 AM.

  2. #2
    Senior Member
    Join Date
    Aug 2004
    Location
    W Yorkshire
    Posts
    5,691
    Thanks
    85
    Thanked
    15 times in 13 posts
    • XA04's system
      • Motherboard:
      • MSI X570-A Pro
      • CPU:
      • AMD Ryzen 5 3600
      • Memory:
      • Corsair 2x 8gb DDR 4 3200
      • Storage:
      • 1TB Serpent M.2 SSD & 4TB HDD
      • Graphics card(s):
      • Palit RTX 2060
      • PSU:
      • Antec Truepower 650W
      • Case:
      • Fractcal Meshify C
      • Operating System:
      • Windows 10
      • Monitor(s):
      • iiyama 34" Curved UWQHD
      • Internet:
      • Virgin 100mb Fibre
    I may be wrong, but for it not to overlay it you may need to use a table..

  3. #3
    HEXUS.net Webmaster
    Join Date
    Jul 2003
    Location
    UK
    Posts
    3,108
    Thanks
    1
    Thanked
    0 times in 0 posts
    You don't ever need to use tables. As a first pass try wrapping the image and set the div to have a CSS property of display:inline; and see what happens

  4. #4
    Agent of the System ikonia's Avatar
    Join Date
    May 2004
    Location
    South West UK (Bath)
    Posts
    3,736
    Thanks
    39
    Thanked
    75 times in 56 posts
    that was an interesting learning experience for me at least.

    thank you for sharing problem
    It is Inevitable.....


  5. #5
    Flak Monkey! Dorza's Avatar
    Join Date
    Jul 2003
    Location
    UK - South Wales
    Posts
    1,762
    Thanks
    34
    Thanked
    17 times in 15 posts
    • Dorza's system
      • Motherboard:
      • Asus P5B Deluxe - WiFi
      • CPU:
      • Q6600 @ 3.06Ghz
      • Memory:
      • 2GB Crucial
      • Storage:
      • 500GB Samsung SpinPoint
      • Graphics card(s):
      • Geforce 9600GT
      • PSU:
      • Cosair HX520W
      • Case:
      • LianLi something something or other
      • Monitor(s):
      • Eizo FlexScan S1910 (1280*1024)
      • Internet:
      • 2mb Virgin (when they want to give me that: else 1mb)
    Thanks for your suggestions so far...
    Iain i tried what you suggested but it didnt work. I played around with it for a while and got it to work with a float property, but then the image sinks beneath the "Test" one and two headers even when using a maximized window, so that wasnt a viable solution either. Just to check this is what i done:

    .img { display:inline;}, then stuck that in a div tag. Is this what you meant?

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. SQL problems and CSS problems
    By Kezzer in forum Software
    Replies: 7
    Last Post: 11-12-2004, 03:20 AM
  2. Cross-Browser CSS problems
    By TuShan in forum Software
    Replies: 0
    Last Post: 17-11-2004, 10:53 PM
  3. CSS problems
    By Kezzer in forum Software
    Replies: 11
    Last Post: 18-03-2004, 12:38 PM

Posting Permissions

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