IE6 child div expands width of parent div

I have a problem that has been vexing me...hopefully someone can answer it.
I want to have a child div expand to overlap the div next to it. It is for a calendar so that all day events that stretch for multiple days can stretch over and cover multiple days.
In IE6, the child div expands the width of the parent div and wrecks my display. The "proper" way that FF, Safari, and IE 7 & 8 do is that the child div will overlay the parent. The parent div's width remains unchanged, no matter what the width of the child is. IE6 incorrectly expands the width of the parent div to match that of the child div.
I've set up a small example so you can see the difference. Check it out in FF and then in IE 6. Notice that in IE6 the "parent" div is too wide. In FF it looks fine.
Any way to get IE6 to behave like FF in this case?
Thanks!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Div Test</title>
<style type="text/css">
<!--
.parent {
     width: 200px;
     background-color: #FFC;
     border: 1px solid #000;
     float: left;
.child {
     width: 300px;
     background-color: #CAEDFF;
     border: 1px solid #000;
     z-index: 20;
     position: relative;
-->
</style>
</head>
<body>
    <div class="parent">
    Parent Content
    </div>
    <div class="parent">
    Parent Content
    </div>
    <br>
    <br>
    <div class="parent">
      <div class="child">Child Content</div>
    </div>
    <div class="parent">
    Parent Content
    </div>
</body>
</html>

I see now you posted your code.  Thanks.
For best cross browser results, the floated container needs to be wide enough to accomodate everything inside it. Some browsers will resize others won't.   For another approach see my code.  This uses a disjointed rollover method.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Div Test</title>
<style type="text/css">
.parent {
     padding: 8px;
     width: 200px;
     background-color: #FFC;
     border: 1px solid #000;
     float: left;
/**formerly know as .child**/
.parent a span {
     width: 300px;
     padding: 10px;
     background-color: #CAEDFF;
     border: 1px solid #000;
     position:absolute;
     top:55px; /**adjust as required**/
     left:55px; /**adjust as required**/
     display:block;
     visibility:hidden;
.parent a:hover span,
.parent a:active span,
.parent a:focus span {visibility:visible}
.parent a:hover,
.parent a:active,
.parent a:focus {text-decoration:none; visibility:visible;}
</style>
</head>
<body>
<div class="parent">
<p>Parent content</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis purus. </p>
<a href="http://alt-web.com/DEMOS/CSS-Disjointed-Text-Rollover.shtml">Link to Child Layer<span>Child Content renamed to <strong>.parent span</strong>.  Content inside the span tag is absolutely positioned. <br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis purus.</span></a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis purus. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis purus. </p>
</div> <!--end parent -->
</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Similar Messages

  • Positioning of child div within parent div

    Hello Everyone,
    I have several divs sat within divs that contain information that can only be viewed entirely when clicked on. (please see 'why choose us' section on site below) As you can see when the "read more" link is selected on this category, the rest of the information appears across the page, which is great BUT each sub category is nested within rows so that, for example when the 'funeral services' category is selected, currently the information is forced to sit to the right of the screen as the rows dictate. So what i would like to know, is there a way of getting each of these category divs to sit central across the page regardless of position within the parent div?
    CSS used for child div
    #funeralServ{
        width:1200px;
        background-color:#ccccff;
        padding-left: 4px;
        padding-right: 4px;
        position:absolute;
        z-index:1000;
    http://www.clockdoctors.co.uk/test/#funeralServices

    Actually, osgood_'s idea is the better one, i.e. using Bootstrap.
    Copy and paste the following into a new document and view in your favourite browser.
    <!doctype html>
    <html>
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <link type="text/css" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" />
    </head>
    <body>
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <h2>Heading</h2>
                <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
                <!-- Trigger the modal with a button -->
                <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>
            </div>
        </div>
    </div>
    <!-- Modal -->
    <div id="myModal" class="modal fade" role="dialog">
      <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title">Modal Header</h4>
          </div>
          <div class="modal-body">
            <p>Some text in the modal.</p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          </div>
        </div>
      </div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    </body>
    </html>

  • How can a parent restrict a child's access to a PARENT'S PRE-EXSISTING iTunes account via iCloud's Family Sharing Program?

    How can a parent restrict a child's access to a PARENT'S PRE-EXSISTING iTunes account via iCloud's Family Sharing Program?  To explain further... I have a young son who is on my iCloud family sharing program... I am excited to be able to share SOME of my music in my iTunes library, but there are some songs and music videos that are not age appropriate for him and currently there is no way to restrict him from viewing and downloading anything off of my iTunes library.  Yes, I suppose I can delete the songs he shouldn't have access to, but I don't think I should have to do that... I paid for them and still like them and listen to them while I work out or am without my kids.  Is there a way for me to personally select which songs/videos I would like to "hide" from my children in an effort to shield them from inappropriate content?

    Hello ggg39,
    Welcome to the Apple Support Communities!
    I understand that you have some content in your iTunes library that you would like to restrict access for the child set up on Family Sharing with you. To do this, you can set restrictions on the child’s device as described in the attached article. 
    Family Sharing - Apple Support
    Now kids under 13 can have their own Apple IDs. As a parent or legal guardian, the family organizer can create an Apple ID for a child and add the child to the family group automatically. Ask to Buy is turned on by default, and the organizer can also limit the content kids have access to on their devices through Restrictions on an iOS device or parental controls in OS X and iTunes.
    For more information on restrictions and how to set them up, please reference the next attached article. 
    About Restrictions (parental controls) on iPhone, iPad, and iPod touch - Apple Support
    Have a great day,
    Joe

  • Child DC cannot Replicate to Parent DC, because of connection errors. MS PortQryUI shows that ports 3268 and 3269 are not listening,

    I started a support case with Microsoft to help me with raising the our domain Forest level because i received a message stating that there were Windows 2000 PDC still listed in the database. These PDCs were removed years ago. The tech saw all of the problems
    i was having with domain replication so that is where he started. running the MS PortQryUI shows that ports 3268 and 3269 are not listening, (TCP port 3268 (unknown service): NOT LISTENING) when run FROM a Child domain controller against the Parent
    Domain controller. Between the 2 Child domain controllers these ports are listening.
    The Windows firewall is not running on any of the controllers, i removed a virus protect client from all of the servers, although i didn't enable the firewall there either, but these ports are still not listening on the Parent DC.
    I need help debugging this. I am not very familiar with network sniffers so if i need to run one i'll need some guidance. This DC only has one NIC, all IP addresses are static, all servers are setup like this. All servers are in the same subnet, on the same
    lan, on the same cisco switch, there shouldn't be anything blocking this port from starting.
    I looked over other post that show this same problem, but they don't give a solution. If i am not using the Windows firewall why wouldn't these ports be open?
    Any ideas? web searches are all over the map on trying to find the reason for this.
    Bobby

    Try running the below command on the DCs that you think have the ports blocked or all the DCs.
    netdiag /test:ipsec /debug > c:\dcname-ipseclog.log
    Open that from the C drive and see if there is anything saying block or filters. 
    Also, just for kicks have you disabled the firewall service on the DCs? 
    And just for kicks have you tried enabling firewalls ports on all the DCs?  The KB is below
    http://support.microsoft.com/kb/555381/en-us
    Step 1 - netdiag results
    Step 2 - disable the firewall service on all DCs if step 1 was negative
    Step 3 - enable the firewalls on all DCs per KB 555381 if step 2 doesn't work
    Let us know how it goes!
    If it answered your question, remember to “Mark as Answer”.
    If you found this post helpful, please “Vote as Helpful”.
    Postings are provided “AS IS” with no warranties, and confers no rights.
    Active Directory: Ultimate Reading Collection

  • Context Mapping: child-nodes of non-mapped parent nodes

    I am somewhat curious about Context Mapping in WebDynpro.
    Which parents nodes need to be mapped in order to map child nodes ? Does a child node has more than one parent node (e.g. grandparent - two steps above) ?
    A.1  -
    MAPPED----
    >    B.1
      - A1.1   NOT MAPPED
      - A1.2   NOT MAPPED
            - A.1.2.1     MAPPED TO>    B.1.2.4
            - A.1.2.2   NOT MAPPED
      - A1.3   NOT MAPPED
    Is it sufficient that only one of these parent nodes (e.g. direct parent node not mapped, but parent node of this parent node is mapped) need to be mapped so that the child node can be mapped ?
    Is this assumption true or not ?
    The SAP library states:
    "Conversely, child nodes of non-mapped parent nodes cannot be mapped, otherwise this would result in irresolvable conflicts at runtime with respect to the parent-child relation in the context and the mapping relation." (http://help.sap.com/saphelp_nw04/helpdata/de/51/a3384162316532e10000000a1550b0/content.htm)
    This statement is not absolutely clear on this issue.

    Let me put it this way
    You have a node vehicle and you have a child node for that the car. The car node have parameters car1, car2.
    Let the vehicle node have parameters veh1 and veh2
    Then if you map vehicle node one to any other node (say in the comp. controller) you have the option of mapping its children i.e veh1,veh2 and carnode.
    You can have that veh1 is mapped and veh2 is not mapped.
    vehicle node(mapped)
    veh1(may or may not be mapped)
    veh2(may or may not be mapped)
    car node(may or may not be mapped)
    If instead you try to map only the car node the vehicle node will also get mapped automatically but not it's child parameters like veh1 and veh2.
    vehicle node(mapped)
    veh1(may or may not be mapped)
    veh2(may or may not be mapped)
    car nodemapped)
    car1(may or may not be mapped)
    car2(may or may not be mapped)
    Hope this would help.
    Do revert for further clarification
    Regards
    Noufal

  • Move child movie clip from one parent object to another

    Hi everyone,
    I am somewhat new to AS3, and I'm having a hard time working out the most appropriate way to move a child movieclip between parent objects.
    I'm creating a board-game type game wherein I've dynamically created an array of 'Square' movieclips, with no visual elements, which are arranged in a 10x10 rectangle on the stage. I then dynamically add the appropriate types of piece movieclips to the various squares with the addChild() method. In general, a square should only have one child piece at a time.
    All of this works well for setting up the play area, but now I'm having an issue with moving a piece from one square to another. I want to have the user click a square with a piece on it, then click the destination square to move the piece. I have the logic for determining where a user can move any given piece to, but I don't know how to actually move the piece.
    The pieces are all different class objects that extend both a base class I call Piece as well as the MovieClip class. The main issue is that when dynamically adding the various pieces to the squares, I don't provide them a unique name to access them later. I don't bother with unique names because I have no way of knowing which piece instance will be in a given square, so using getChildByName(name:String) isn't very useful.
    So I can think of two routes that I can take: Making a getter/setter for the Square class that manages a private Piece property (as well as the adding and removing of the child piece to/from the parent square), or using getChildAt(index:int) to try to access the child piece.
    I want to go with the first route as it seems to be the most maintainable to me. My problem is that I can't work out how to manage empty squares in this scenario. My instinct is to null to private _piece property of one square once I've moved the child piece instance to another square... but I'm fairly certain that the private property is a reference type, and nulling it out will null the actual piece object even after it's changed parents.
    I'm sorry for the long description. I'm hoping that my lack of experience with as3 it what's causing my trouble, and that someone more well versed will know of the best way to handle this. Maybe I'm overthinking everything.
    If something isn't clear, please feel free to ask me for clarification. I would appeciate any help that anyone may be able to offer.
    Thanks!
    - Scott

    for a square with a child, you can use:
    whateversquare.getChildAt(0);  // to reference whateversquare's only child.  although, if there are graphics in whateversquare, you may need to use getChildAt(1)
    or, if you want to use a square class getter/setter, what's the problem?  an empty square will return null.

  • How to create a Child Window without closing the parent Window

    Hi All,
    I have a requirement to create a child window without closing the parent window. I have to click an item in the parent window, then one child window should get open. The parent window should not be closed before closing the child window.
    Kindly help me in this.
    Thanks and Regards,
    Myvizhi

    Hi All,
    I found the solution for this. I have created a new page. Then i created an item as link item style in the parent page and i have set the following properties in the Link item:
    Destination URI : OA.jsp?page=/seagate/oracle/apps/seasoa/que/webui/SeaSoaHeaderDetailPG&headerId={@ErrHeaderId}&retainAM=Y&addBreadCrumb=Y&backPage=S
    Target Frame     : _blank
    This is opening the new child window without closing the parent window.
    Thanks and Regards,
    Myvizhi

  • Failing in associating existing CO5 child to an existing CO4 parent

    I need to associate an existing CO5 child to an existing CO4 parent.
    Considering WS 1.0 are not dealing with CO4 and CO5 I did some tests using WS 2.0.
    Sending the following SOAPBODY:
    <ns2:CustomObject4Update_Input>
    <ns1:ListOfCustomObject4>
    <ns1:CustomObject4>
    <ns1:Id>AAPA-CTYAPX</ns1:Id>
    <ns1:ListOfCustomObject5>
    <ns1:CustomObject5>
    <ns1:Id>AAPA-CPIKDC</ns1:Id>
    </ns1:CustomObject5>
    </ns1:ListOfCustomObject5>
    </ns1:CustomObject4>
    </ns1:ListOfCustomObject4>
    </ns2:CustomObject4Update_Input>
    I get the follwoing error message:
    Update operation on integration component 'CustomObject4_CustomObject5' failed because no matching record in business component 'CustomObject5' with search specification '[Id] = "AAPA-CPIKDC"' could be found.(SBL-EAI-04403).
    Any suggestion is really welcome
    Thanks

    You need to try and find an existing entry and if it's there add the child to that instead.
    I notice you're  a student and I guess this is probably an assignment.
    By the way.
    I suggest you work on the name of your collections and classes there.
    EG A class should be singular but way more meaningfull than treeviewsubitem.
    Anyhow, finding the top node could be done using linq.  Since you can get none, SingleOrDefault is the method to use.
    Thus something like:
    TreeViewClass tvc = treeViewObsCollection.Where
    (x=>x.Title == passedTopNodeName).SingleOrDefault();
    Will give you tvc null or the qualifying entry.
    If it's null, do what you have now.
    If it's not then add the child item to tvc.
    tvc is a reference to the TreeViewClass you have in that collection.
    Please don't forget to upvote posts which you like and mark those which answer your question.
    My latest Technet article - Dynamic XAML

  • Moving Child keyword out from under Parent

    I've discovered that I have some Child keywords nested under a Parent keyword by mistake.  How can I disassociate them?  Also, other than when I'm generating a new keyword, how can I add a Child keyword to a Parent, other than by dragging and droping?  This becomes a bit tedious when the list becomes rather long.  Thanks.

    Miquel,
    If you are typing into the "click here to enter Keywords" box, I think you can also enter new keywords in the following format: child>parent>grandparent>etc. such that it places it correctly in the structure if the higher category keywords exist.  It is not really all that efficient but an alternative to the other suggestion (which is also not all that efficient).
    Since new keywords always end up at the bottom of my list, it is still most efficient for me to drag and drop them at the end of my session before exporting or saving.
    Jeff

  • IE6 & IE7 page expands to full width when using a component ....

    I have created a dreamweaver template which expands using the overflow:visible CSS. The page displays fine when I create a recordset using the dreamweaver tools but when I created a dynamic page using the Developer Toolbox and view it in IE6 or IE7 the page is displayed in full width.

    Hi,
    I guess this happens because ADDT uses it´s own CSS, which might override your overflow:visible.
    All of ADDT´s CSS is located in the "includes/skins" directory BTW
    Günter Schenk
    Adobe Community Expert, Dreamweaver

  • Parent Child Hiearchy - Expand/Collapse problems

    Hello,
    We are on 11.1.1.6 and have built a parent child hierarchy on one of our dimensions. Navigation of the hierarchy works just fine if no measures are included. When a measure is added, the hierarchy becomes nearly unnavigable. That is to say clicking on the plus/minus signs doesn't work. Clicking in various locations of the screen can sometimes get it to work but it is ridiculously hard to get anywhere. The fact table from which the measure is pulled is very small, approx. 100,000 rows so we don't see that as the problem.
    Has anybody else seen such a problem?
    Thanks.

    Can you provide more info on this, how have you modeled the hierarchy with the fact table, are you rolling up the measures for the child to the parent level (modeling as measures) or each employee is showing its own revenue only (modeled as attribute)? If it is modeled as measures where you join the employee table to the closure table and then that to fact table then are you applying any filters in your report ? If you are applying filters in your report and somehow only parent is filtered (and not its children) then you won't be able to drill down, though you will see the + sign against it.

  • Why set child group 100% width didn't full fill the parent group?

    hey,bro.
    the black rect i set the explicit size the same as the parent group.
    and the white border rect i set the width and height 100%,however,as the snapshot shows,the white rect's right and bottom line didn't reach the side.
    can u tell me what's wrong with that? should i set some properties of that white rect.except set the explicit size directly.

    gufw > gnome-python > libgnomeui > libbonoboui > libgnome > gvfs
    etherape > libgnomeui > libbonoboui > libgnome > gvfs
    On the front page of archlinux.org you can do a package search and get this as a result: http://www.archlinux.org/packages/community/i686/gufw/
    Then follow the dependencies. You can also see dependencies with pacman -Qi gufw.
    For gvfs, it is a virtual filesystem. It doesn't use diskspace, only a tiny part of RAM, like sysfs/tmpfs/procfs.
    Here is more info: http://library.gnome.org/devel/gio/stable/ch01.html
    The two apps above use gnome libraries, which require gvfs for their filechooser so they can access all the mounted filesystems easier (easier for the app authors).
    Last edited by fphillips (2010-01-24 08:14:23)

  • Expanding width of TLFTextField when parent container resized

    Hi
    I have spent nearly a day on this now, searching everywhere, but never found anything. This is my desperate attempt to get my problem solved. I hope you can help me.
    I have a container (ContentHolder extends Sprite), which holds another container (Content extends Sprite) which has a TLFTextfield in it.
    Now when I resize the ContentHolder, its children get resized too. I have overridden set width and set height in the Content class, because I need the Content to resize differently than just scale. I want the TLFTextfield width to adjust to ContentHolder width, while maintaining font size. So ideally the TLFTextfield would set different line breaks, according to the width of ContentHolder.
    I really have no idea how this can be achieved. One solution may be to create a new TLFTextfield instance with the updated height and width values, but that could look messy when drag-resizing the ContentHolder..
    Thank you very much in advance, much appreciated.
    -Neeru

    You want "TLFTextfield width to adjust to ContentHolder width"; something like:
    function  resizeContent():void
         yourTLFTextfield.width = ContentHolder.width;
    ...but for some reason, the above method(or something to likes of it that you're using) isn't working for you?
    Post a snipet of your code so we can have a look-see.
    ~chipleh

  • Make spry child font size different from parent

    Hi you all,
    Hi am using the old spry menu. This works for me so i dont need the spry ui menu.If you want to make the child text font sixe and padding different create your own selectors.
    ul.MenuBarHorizontal ul li a
        font-size: 12px;
        padding: .2em 1em;
    works fine instead of having every thing been the same.

    thank you very much, Nancy!
    Greetings from Mannheim, Germany
    Alex
    Am 03.09.2010 um 23:45 schrieb Nancy O.:
    >> In IE6 however, the submenu is shown far below the parent element. 
    >> Is there a solution?
    Possibly.  It's hard to tell without seeing your page, though.
    >
    The position of Spry Menu Bar submenus is controlledby the margin 
    property on submenu ul tags.
    1. Locate the ul.MenuBarVertical ul or ul.MenuBarHorizontalul rule.
    2. Change the margin: -5% 0 0 95%; default values to the desired 
    values.
    >
    http://livedocs.adobe.com/en_US/Spry/SDG/help.html?content=WS895F3A6D-6D73-42ef-B568-3D04A BD2F171.html
    >
    Also, look through the CSS coments for IE hacks. Often these 
    workarounds for older browsers can be commented out or deleted.  
    Test before you delete anything permanently.
    >
    >
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb
    >

  • Keep sublist (child list) expanded ?

    Have parent(Emp Report) and child list( hobbies,addr) like the following
    Emp Report
    -Hobbies report
    -Addr report
    Problem: when I click hobbies report, it leads me to the correct page but when I came back to this parent list page, the list always collapsed. How can I keep the list expanded ?
    Thanx in advance.
    Munshar

    I'm not sure how to fix your issue, but one trick you could
    use is to make
    the list a fixed length, longer than you need, no matter
    what:
    if myList.count < 40 then
    myList[40] = 0
    end if
    That way the list will always contain 40 elements, and just
    be a bunch of
    0's past your last element... Might help anyway.
    Dave -
    Adobe Community Expert
    www.blurredistinction.com
    www.macromedia.com/support/forums/team_macromedia/

Maybe you are looking for

  • How can I change my email adress on Synch?

    How can I change my E-Mail adress on Firefox Synch, because I have lost my controll over this mailadress and need to change it. Could you please tell me how I can do? Thanks Werner

  • Dv4-1540 volume scroll bar issue

    The volume scroll bar on the keypad works but there is no display.  The volume level is not visible.  Any suggestion to get it back would be welcome.  Thanks! This question was solved. View Solution.

  • Powerpc apps crash on Startup on Intel Macbook Pro

    As the subject line says, after a undetermined amount of time, my Powerpc apps stop launching, crashing on start up, and I have to reboot the computer to make things good again. Probably have to reboot once a day to fix the problem, sometimes more, s

  • Building a simple User Interface

    HI, I'm interested in building a very simple User Interface. All I want to see is a panel with buttons and each button will execute a test sequence file. 1) Is it possible to create such a panel with CVI or LV and then call a sequence file which will

  • Lightroom Mobile... Undo flag when filtering images?

    Is there a way to undo the last images flag status in Lightroom Mobil when your in a filter by unflaged state whithout going back to the grid view and changing the filter to All sulecting the last image and changing the flag to whatever?