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.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Jun 2007
    Location
    Quebec, Canada
    Posts
    64
    Thanks
    4
    Thanked 3 Times in 3 Posts

    IE floated layout breaks

    hi, i have a problem with IE, <sarcasm>i know it's rare, cause IE is flawless</sarcasm>

    my floated layout breaks, see here :

    http://www.mogwaishop.com/
    http://www.mogwaishop.com/stylesheet.css
    browsershots : http://browsershots.org/http://www.mogwaishop.com/

    my table (for data..) has a width of 97% inside my div#content with a width of 78%

    reducing the content or table width did not help it, so i do not think it is caused by a "more than 100%" issue

    weirdly, my #masthead is using clear:both, but #content still goes on the right of it!
    Last edited by vexen; 10-15-2007 at 07:33 PM.

  • #2
    New to the CF scene
    Join Date
    Oct 2007
    Posts
    9
    Thanks
    0
    Thanked 1 Time in 1 Post
    What happens if you temporarily make your table really narrow?
    Does IE still put it to the right?
    (i.e. is it a width thing or a layout thing, if you see what I mean?)

  • #3
    New Coder
    Join Date
    Jun 2007
    Location
    Quebec, Canada
    Posts
    64
    Thanks
    4
    Thanked 3 Times in 3 Posts
    hi yune, thanks for the answer, it really seems like a layout issue, but i do not see where the layout is complicated, except from the embed table.

  • #4
    New to the CF scene
    Join Date
    Oct 2007
    Posts
    9
    Thanks
    0
    Thanked 1 Time in 1 Post
    it's the float left on #masthead

    comment it out and you'll see IE's ok

    Code:
    #masthead {
    	/*float:left;*/
    	width:100%;
    	background:#05dcfa;
    	border-bottom:3px solid #fff;
    	/*clear:both*/
    }
    weirdly, my #masthead is using clear:both, but #content still goes on the right of it!
    the clear rule means #masthead is to clear the stuff before it in the code rather than stuff following it is to clear #masthead.

    (... I think..... getting late.....)


    also, does the table really need to be floated?

    Code:
    #content table {
    	float:right;
    	border:1px solid #aaa;
    	padding:2px;
    	width:97%;
    }

  • Users who have thanked yume for this post:

    vexen (10-16-2007)

  • #5
    New Coder
    Join Date
    Jun 2007
    Location
    Quebec, Canada
    Posts
    64
    Thanks
    4
    Thanked 3 Times in 3 Posts
    thanks, i never tough the floated masthead would cause this problem, well IE did not want to clear it (a clear should not allow anything to float next to it... as far as i know!)


  •  

    Posting Permissions

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