overflow and borders / MSIE WinXP

windows

Guest
dearests,

this one goes back to the famous <!-- m --><a class="postlink" href="http://forums.webdeveloper.com/showthread.php?s=&threadid=15229">http://forums.webdeveloper.com/showthre ... adid=15229</a><!-- m -->

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.)
<!-- m --><a class="postlink" href="http://www.steffiweismann.de/lager/divtechnik/scrolldivwBorder.html">http://www.steffiweismann.de/lager/divt ... order.html</a><!-- m -->
and
<!-- m --><a class="postlink" href="http://www.steffiweismann.de/lager/divtechnik/scrolldivwBorderOver.html">http://www.steffiweismann.de/lager/divt ... rOver.html</a><!-- m -->,
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:
<!-- m --><a class="postlink" href="http://www.steffiweismann.de/lager/divtechnik/scrolldivwBorder_M.html">http://www.steffiweismann.de/lager/divt ... der_M.html</a><!-- m -->
and
<!-- m --><a class="postlink" href="http://www.steffiweismann.de/lager/divtechnik/scrolldivwBorderOver_M.html">http://www.steffiweismann.de/lager/divt ... ver_M.html</a><!-- m -->

The necessary change to the code is in the width of the html>body .aktuell_links and 鍗筫chts (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榛瀔' 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 <!-- m --><a class="postlink" href="http://www.steffiweismann.de/lager/divtechnik/original.html;">http://www.steffiweismann.de/lager/divt ... inal.html;</a><!-- m --> my first modification can be found at <!-- m --><a class="postlink" href="http://www.steffiweismann.de/lager/divtechnik/orig/modification2.html">http://www.steffiweismann.de/lager/divt ... tion2.html</a><!-- m -->)
This newly written code is here:
MSIE/Opera:
<!-- m --><a class="postlink" href="http://www.steffiweismann.de/lager/divtechnik/2/scrolldivwBorder2_x.html">http://www.steffiweismann.de/lager/divt ... er2_x.html</a><!-- m -->
Mozilla/Safari (attemptwise):
<!-- m --><a class="postlink" href="http://www.steffiweismann.de/lager/divtechnik/2/scrolldivwBorder2M_x.html">http://www.steffiweismann.de/lager/divt ... r2M_x.html</a><!-- m -->

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?

ThanksIs this too weiredly put? too much chaos?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)ok, sorry.

The page: <!-- m --><a class="postlink" href="http://www.steffiweismann.de/lager/divtechnik/2/scrolldivwBorder2M_x.html">http://www.steffiweismann.de/lager/divt ... r2M_x.html</a><!-- m -->

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.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 luckok, 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.can I just trim it down to be some links to your div overflow page?sure. Either that, or just leave it the way it is; I don't mind making mistakes in public really.
 
Back
Top