www.webdeveloper.com
Results 1 to 8 of 8

Thread: overflow and borders / MSIE WinXP

  1. #1
    Join Date
    Dec 2002
    Location
    Berlin
    Posts
    68

    overflow and borders / MSIE WinXP

    dearests,

    this one goes back to the famous http://forums.webdeveloper.com/showt...threadid=15229

    Chapter 1

    I think I sorted it out a little bit, and here's the state of affairs as of now:

    For MSIE and Opera; it should work on any platform. (It doesn't, though.)
    http://www.steffiweismann.de/lager/d...ivwBorder.html
    and
    http://www.steffiweismann.de/lager/d...rderOver.html,
    where the first one demonstrates the case without, the latter one with use of overflow (hence the 'Over' at the end).

    For Mozilla (Netscape, but also Safari), a modification is required. See:
    http://www.steffiweismann.de/lager/d...wBorder_M.html
    and
    http://www.steffiweismann.de/lager/d...derOver_M.html

    The necessary change to the code is in the width of the html>body .aktuell_links and …rechts (left and right). (The wirting of html>body goes back to the quoted thread.)

    I should add that in order to see what construction is about, please click on 'zum Stück' and 'hiker'.

    Now, the problem #1 is, that this does not work with MSIE/WinXP: other than any other browser, this one won't display any borders at all. I have not a clue why. And that is therefore my question #2 for this thread.


    Chapter 2

    As an attempt on solving the problem described above, I wrote a page much closer to the script originally posted by Dave in the thread linked to above. (This script is still visible at http://www.steffiweismann.de/lager/d...original.html; my first modification can be found at http://www.steffiweismann.de/lager/d...fication2.html)
    This newly written code is here:
    MSIE/Opera:
    http://www.steffiweismann.de/lager/d...Border2_x.html
    Mozilla/Safari (attemptwise):
    http://www.steffiweismann.de/lager/d...order2M_x.html

    Despite all extras in this latter script, – problem and question #2 – I can't get M to show the border in the middle (although I applied all modificaions that adapted the page to aparent Mozilla needs in the older version linked to above). Maybe these scripts are of use for somebody, and maybe somebody has an idea on how to make Mozilla show borders as supposed to?

    Thanks
    Last edited by Pierre Rouillet; 09-03-2003 at 11:48 AM.

  2. #2
    Join Date
    Dec 2002
    Location
    Berlin
    Posts
    68
    Is this too weiredly put? too much chaos?

  3. #3
    Join Date
    Feb 2003
    Location
    Wales, UK
    Posts
    3,147
    too many links! Tell me again, what page are we working on (which link) and which browser doesn't it work on. (i.e. what version)
    In a world without walls and fences - who needs Windows and Gates?! - Unknown Author
    "And there's Bill Gates, the...most...famous...man in the...ah...Microsoft." -- A TV commentator for the 2000 Olympics.


    Web Design Faq? | W3C | Validator | Accessibility testing | Speed up your PC | Wura | Box Model Research

  4. #4
    Join Date
    Dec 2002
    Location
    Berlin
    Posts
    68
    ok, sorry.

    The page: http://www.steffiweismann.de/lager/d...order2M_x.html

    What shall it do:
    - show border around the field and a vertical border in the middle.

    The problem:
    Mozilla doesn't show the vertical black line in the middle.

    hope that's better. Thanks for your patience.

  5. #5
    Join Date
    Feb 2003
    Location
    Wales, UK
    Posts
    3,147
    Great!! lol

    Whenever I save it, I lose the background colors for some reason (don't know why lol) so I can't play with it and give you the full code.

    However, I would suggest where you have items positioned 283px from the left, experiment with increasing that, e.g. to 284/5/6. Note there are two divs where this is the case. You may also have to use the border-left:none to get rid of a border if you have a doubled up border, or just applying a border-left to obtain the center line.

    If that doesn't work I'll try saving it again.

    Good luck
    In a world without walls and fences - who needs Windows and Gates?! - Unknown Author
    "And there's Bill Gates, the...most...famous...man in the...ah...Microsoft." -- A TV commentator for the 2000 Olympics.


    Web Design Faq? | W3C | Validator | Accessibility testing | Speed up your PC | Wura | Box Model Research

  6. #6
    Join Date
    Dec 2002
    Location
    Berlin
    Posts
    68
    ok, thanks for your idea, that was actually the right direction. I finally found that I had put widthes into the div, and these widths were wider than those in the class definitions. Stupid that. I think this is not very interesting, and this thread may as well be deleted.

    I'm sorry for this stupid bug. once again thanks for your patience.

  7. #7
    Join Date
    Feb 2003
    Location
    Wales, UK
    Posts
    3,147
    can I just trim it down to be some links to your div overflow page?
    In a world without walls and fences - who needs Windows and Gates?! - Unknown Author
    "And there's Bill Gates, the...most...famous...man in the...ah...Microsoft." -- A TV commentator for the 2000 Olympics.


    Web Design Faq? | W3C | Validator | Accessibility testing | Speed up your PC | Wura | Box Model Research

  8. #8
    Join Date
    Dec 2002
    Location
    Berlin
    Posts
    68
    sure. Either that, or just leave it the way it is; I don't mind making mistakes in public really.

Thread Information

Users Browsing this Thread

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

Posting Permissions

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



Recent Articles