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 2 of 2 FirstFirst 12
Results 16 to 18 of 18
  1. #16
    Regular Coder
    Join Date
    Sep 2011
    Posts
    330
    Thanks
    3
    Thanked 35 Times in 35 Posts
    I had some time left after all, and remembered that IE has an analyses tool, too, similar to Firebug. And I found the cause of the problem: the float:left that you gave the #menu... I don't know why, but I guess it is an IE bug. Although you shouldn't use float there, I would think.

    While you are at it, have a look at my latest tutorial, or at least the live example the tut will cover: How to turn a menu into a mouse hover and touchscreen onclick menu. Because your menu won't work on the latter, as there is no hovering on touchscreens...
    Last edited by Frankie; 02-02-2013 at 06:50 PM.

  2. #17
    New Coder
    Join Date
    Jan 2013
    Posts
    12
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Thanks for spending time on it again. I was playing quite a lot with the whole layout thing. I mean how to position menu, canvas, footer and so on. Finally this was the only way I found out how to make things working as I have wanted. Or is there any way how to have #menu and #canvas next to each other without the float property? If that solves the problem in IE it will be great..

    And thanks for the idea with the onclick menu. Never thought about touchscreens..I guess that mainly nowadays it is worth doing.

  3. #18
    Regular Coder
    Join Date
    Sep 2011
    Posts
    330
    Thanks
    3
    Thanked 35 Times in 35 Posts
    For that I have to refer you to again my tuts. There is one about positioning, for which there is a whole number of options.
    Frank

    How to: Target IE in, Position in, Center in, Create a Fixed ('Sticky') Footer with, and Create a Drop-Down/Fly-Out Menu with CSS: Website Laten Maken Amsterdam.


 
Page 2 of 2 FirstFirst 12

Tags for this Thread

Posting Permissions

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