Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    Senior Member tha_Gsheep's Avatar
    Join Date
    Feb 2003
    Location
    Scotland
    Posts
    188
    Member #
    780
    Hey there, for some reason the float tag is not responding when put into this hierarchy.

    Right, this is the page :
    http://www.westclub.co.uk/newsite/css/notreall.html
    and if you scroll down you'll see that an image interupts the flow of text even though it
    is assigned style="float: left;" on line 73 of the source.

    Now I know that it has something to do with this DIV:
    #Main {
    position: absolute;
    top: 188px;
    width: 150px;
    left: 47px;
    }
    ,that you can find on line 70 of the style sheet(style sheet)
    This is the DIV that contains the text for the articles and suchbut I just don't see why
    it interferes with Float.

    P.s. Sorry about my sloppy development code.
    PP.s If you use any other browser apart from explorer the nav bar will act up,
    I know but thats not really an issue just now as 99.9 of the visitors use explorer.

    Cheers.
    www.appletv.co.uk

  2.  

  3. #2
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    Strange.

  4. #3
    Senior Member tha_Gsheep's Avatar
    Join Date
    Feb 2003
    Location
    Scotland
    Posts
    188
    Member #
    780
    LOL yeah it is, might be some kind of bug in the box model, I might have to arrange it outside of all the nested layers.
    www.appletv.co.uk

  5. #4
    Senior Member tha_Gsheep's Avatar
    Join Date
    Feb 2003
    Location
    Scotland
    Posts
    188
    Member #
    780
    Crazy, turns out that this layer that encapsulates it is the problem:

    #Main {
    position: absolute;
    top: 188px;
    width: 150px;
    left: 47px;
    }

    The position: absolute was conflicting with the float{} in a nested layer. So I just made it realtive to the page header.
    www.appletv.co.uk

  6. #5
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    I see. Yeah, nesting divs can cause lots of strange stuff to happen.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 06:04 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com