CSS position a div top and a bottom of div in a td

You know, I keep futzing autour thereby and hope someone could find a cross-browser answer...

Picture a two rows to columns in two tables. In the second column on the left of the row you want to a < div > be positioned at the top of the < td >, so you can put in a line at the top menu. However, you want a second < div > placed at the bottom of this same < td > to a graph that "ends" the column is correctly aligned.

Cross browser answering someone?

You can reference www.copelandcasati.com/test/index.htm for different versions of different sites, we work at a given time (hee hee projects change, the questions don't...), I'm always doing workarounds and frustrates me that there is no happy solution...

And Yes, I spent so much time research... must be looking on the wrong things because nothing is coming who will help me (even though I always learn something new!).

Ccasati wrote:
> You know, I keep futzing autour thereby and hope someone could
> find an answer of browsers...
>
> Image row two columns in two tables. In the second row left
> column, you want a

to be positioned just at the top of this
>so you can put in a line at the top menu. However, you want a second
>
positioned at the bottom of this samefor an
> chart which "ends' column is properly aligned.
>
> Cross browser answering someone?

I use a UL for the menu and then use the background of this element to
display the 'top' image and the background of the cell/column to display the
image of "low".
That should do it.

HTH.
--
Thierry
Articles and tutorials: http://www.TJKDesign.com/go/?0
Perfect FAQ page: http://www.TJKDesign.com/go/?9
Templates CSS - P: http://www.TJKDesign.com/go/?1
CSS tabs menu: http://www.TJKDesign.com/go/?3

Tags: Dreamweaver

Similar Questions

  • New window creates a gap between the Favorites (top) and tabs (bottom)

    19/12/14 bug Firefox began to occur:

    • When having only 1 window open and opening tabs behaves normally.
    • However, when you open a new window of the space between the bookmarks (top) and tabs (bottom) spans all windows. Its boring.

    So far only challenge is to just close and open 1 single window, or to use the module 'Classic theme restaurateur' and switch the tabs position from the bottom to the top, but all new windows will open the gap again.

    Image below.

    Unfortunately, none of these options works, so far, use 'CTR' and turn the legs up (default) allows the opening of new windows without gaps.
    Seems to be some sort of bug recently showing on CTR.

    You will need to find a way to contact the developer to let them know.

    EDIT: It seems to be resolved, seems a new version was released and the problem disappeared. Thank you very much for the help.

  • I have black borders on the top and the bottom of my desktop screen andonline screen. How can I get rid of this?

    I have black borders on the top and the bottom of my desktop screen andonline screen. How can I get rid of this?

    Hi Harry,.

    Thanks for posting in the Microsoft community.

    I understand that the screen on your computer displays a dark border on the top and the bottom of the screen.

    There is an article in the knowledge base that provides methods to solve this kind of issue. Check out the link and follow the steps.

    Troubleshoot monitor and video card

    http://Windows.Microsoft.com/en-us/Windows-Vista/troubleshoot-monitor-and-video-card-problems

    Let us know if you need more assistance.

  • C4680 only prints the top and the bottom of the page.

    No text or image on the paper. Only print "page 1 of 1", the right upper and info on file:///C...ect on bottom left of page as well as the current date on the right. I just installed 2 new HP ink cartridges. The test page was ok. This only happens when I want to print a page of my email. I have windows 8

    Miss TeriLynn thanks for your response. I'm went to HP site & updated the driver, I had (found this info using the HP error scan tool) and this update solves the problem. Thanks again for your response.

    Have a great day,

    GolferJack55

  • HP Officejet 7310 all in a 0x07a74dd6 on top and on bottom 1959:lib_barracuda.c error message

    Hello

    I have this problem and the fix associated with Web site does not work for me.

    Are there other patches do?

    Thank you

    Hello Scooter1066,

    Welcome to the Forums of HP Support! " I understand that you have found the error code ' 0x07a74dd6 ' on the front panel of your HP Officejet 7310. You have gone through the troubleshooting steps, but will still have the error message.

    I wish you effectuez_une_reinitialisation_partielle perform a partial reset on the 7310, please click here: http://support.hp.com/us-en/document/c01302031

    If you have followed all the steps listed here: an alphanumeric Code (' example: ' 0 x ' r 'C2...) ") displays on the front panel when printing aswellas partial resetting without success, I suggest call you our technical support at the 800-474-6836. If you do not live in the United States / Canada region, please click the link below to get help from your region number. http://www.HP.com/cgi-bin/hpsupport/index.pl

    Thank you

  • IE defining the additional margin at the top and bottom of page using CSS

    Hello

    I am struggling with getting a site to look right in Internet Explorer.

    I wonder if anyone knows the answer or has some ideas to help me solve the problem...

    I use the headers and footers on a background image (with repeat-y on the style sheet) to give me a picture frame effect. You can see what it's supposed to look like below, using Firefox, Opera or Netscape browsers.

    http://www.sueharrington.co.UK/layout_tmpl_test.htm

    However, in Internet Explorer, I get two problems.

    1. the extra space at the top and in bottom of header and footer gifs.
    2 bar (middle of the page) seems to have space for additional margin in IE, causing it to wrap around.

    I managed to product another site where he works, but cannot see what is different about this one.

    http://www.enscott.co.uk/indexb.htm - work in IE and Firefox

    Someone at - it had indications or experienced this problem?

    Thanks in advance

    Neil

    (I use a Dreamweaver template to generate the pages, but cannot see this difference make?)

    It solved! - Or at least got a job.

    This came from the discovery of EI mismanages the following values

    margin-bottom
    height

    Basically low-margin or abbreviations seem to be ignored on the labels of stylesheet id (#). To test this, compare the following on IE and another browser (Firefox, for example)

    To see this, write this stylesheet

    {body
    background-color: #FFFF00;
    margin: 0;
    }

    {#wrapper}
    background-color: #FF0000;
    Auto margin: 100px;
    height: 1000px;
    Width: 770px;

    for this html code





    Display in IE and Firefox (or another browser)

    Firefox poster correctly a red box on a yellow page with 100px margin top and bottom - that is to say however has a zero at the bottom.

    Then apply the 100px high and the bottom margin to the "body" as below, leaving unchanged #wrapper.

    {body
    background-color: #FFFF00;
    Auto margin: 100px;
    }

    Firefox is unchanged: he seems to ignore the margin-top on the body.

    IE now shows a box with a tope 200px margin and a lower margin of 100px.

    The other interesting thing appeared with the parameter "size".

    If you insert a header or a footer background URL in a stylesheet, Firefow requires that you leave space for your background, or it does not show.

    So for a 16px high gif, use the following text in the style sheet. (It used to a gif in footer)

    #footer {}
    background-image: url (.. / images/bg_bottom.gif);
    background-repeat: repeat no.;
    height: 16px;
    Clear: both;
    }

    IE requires the value of 'height', but it is not guaranteed. (Even 1px or 1%) - if it is present, it works.

    Unfortunately, this does not solve my pixels very little space, but made me think - if the margin is not properly handled on the tags "#", if I do the

    the same color as the outside of the screen, it will not appear. This is easily done by using the following

    background-color: #999999;

    If my final CSS stylesheet looks like this

    / * to position the image in the browser * /.

    {body
    background-color: #999999;
    margin: 10px 0;
    padding: 0;
    }

    (/ * to contain and center of the page and product image sides) * /.

    {#wrapper}
    Width: 810px;
    Auto margin: 0;
    background-image: url (.. / images/bg.gif);
    background-repeat: repeat-y;
    }

    / * to keep the photo album frame * /.

    #banner {}
    height: 15px;
    background-image: url (.. / images/bg_top.gif);
    background-repeat: no-repeat;
    }

    / * to keep the background image * /.

    #footer {}
    background-image: url (.. / images/bg_bottom.gif);
    background-repeat: repeat no.;
    height: 16px;
    background-color: #999999;
    Clear: both;
    }

    With the html as follows







    content of the page here






    This gives the desired frame "image". Still not 100% sure why the problem of initiall which happened, but this seems to fix.

    The final page can be seen at

    http://www.sueharrington.co.UK/layout_tmpl_demo.htm

    Thanks for your help.

    See you soon

    Neil

  • Vimeo embed - Remove Black bars top and bottom

    I used the widget Vimeo to embed videos on my Adobe Muse site. I use BC as the hosting platform.

    A black bar appears on all my videos on the top and the bottom. The videos are 1280x720p. Site Overview vimeo this is not the case so I think this is the result of the parameters Vimeo Widget of Muse. It does not matter how big or small, I make the widget area, this is the case.

    I can't find anywhere of Firebug which gives me the opportunity to change the fill or margin to change this.

    http://www.monkeymindmeditation.ca/joy-of-meditation-level-one-day-one-promo.html

    Any ideas?

    Sean

    If anyone has this problem here is the solution I came up with that:

    CSS (can be online or connected to the style sheet)

    . Video-wrapper {}

    position: relative;

    padding-bottom: 54.1%;

    padding-top: 2.2%;

    height: 0;

    }

    . Video-wrapper iframe {}

    position: absolute;

    top: 0;

    left: 0;

    Width: 100%;

    height: 100%;

    }

    HTML

    Sean

  • Unable to get the elements placed at the top and bottom of the cell of the table with vertical-align

    Hello

    I have a three-day educational courses in the list table. In each cell, I have the title of the presentation at the top with the name of the speaker below. Because some titles are longer than others, the line grows (rightly) as longer securities are covered in Word. So far so good. Now, I want all the titles to always start at the same distance from the surface of the cell (I use padding 2px) and names of speaker all be equidistant from the lower border, (i.e. 2px).

    I tried to place the title elements with < span style = "vertical-align: top" > </span > presentation title

    and the name of the speaker as < span style = "vertical-align: bottom" > name </span > Speaker

    and I tried the same method with < div > and < p > tags. Items don't move. Can someone tell me how to make the names of the speakers will be all aligned at the bottom of each cell?

    Here is an example of the code table I've tried:

    (Thanks!)

    < table style = "text-align: center;" do-family: Arial; background-color: #f7d49c; "border ="2"bordercolor =" #467E9F "cellpadding ="2 ".

    "cellspacing ="0"width ="900">"

    < tbody >

    < b >

    < td width = "300" > < span style = "" vertical-align: top; "> This is a short title </span > < br / >"

    < span style = "vertical-align: bottom" > name </span > < table > Speaker

    < td width = "300" > < div > is the title of another presentation, which is really long because some of the presentations have titles like that < / div > < br / >

    < div style = "vertical-align: bottom" > Speaker name < / div > < table >

    < td width = "300" > < span style = "vertical-align: top" > This is yet another presentation with a semi-long title </span > < br / >

    < span style = "vertical-align: bottom" > < table > </span > Speaker's name

    < /tr >

    < b >

    < td > < table >

    < td > < table >

    < td > < table >

    < /tr >

    < b >

    < td > < table >

    < td > < table >

    < td > < table >

    < /tr >

    < b >

    < td > < table >

    < td > < table >

    < td > < table >

    < /tr >

    < / tbody >

    < /table >

    By default, the content of the table cell is average aligned.  You need not do anything.

    If you want your cell vertically aligned up or down, you can specify it in your CSS.  These effects all the text inside the cell.   It's all or nothing.

    Some text that is aligned at the top Some bottom-aligned text

  • Position fixed DIV strangeness and anchor in the HTML stack

    Hello

    Im hoping someone can help me here.

    In short - I've implemented a pile of HTML/CSS. On the page, I have a couple of position: fixed; < div > s. From iOS5, they are supposed to work in mobile Safari and actually work in DPS (I tested).

    Inside the fixed position div, I have a hypertext link to an anchor at the top of the page. When loading the page, the link works. If I scroll the page, the link no longer works. Here's the weird part. As mentioned, after I scroll the link does not work, but if I type where the link is on the loading of the page, it works.

    Any ideas?

    DW

    Position: fixed DIVs are supported in iOS5, they are a known DPS bug. They position and remain fixed, but interactive elements (hyperlinks, for example) do not work in these div tags

    DW.

    To clarify - this is the case in a pile of HTML. It seems to work well enough in a superposition of Web (with the exception of weird double - tap for its work.)

  • Remove the big black bar at the top and bottom of Office

    original title: my desktop image now has a big black bar at the top and bottom. How can I get rid of this?

    The image filled my monitor yesterday. Today, I have a big black bar at the top and bottom. How can I get rid of this?

    1. Right-click on your desktop, choose Customize.
    2. At the bottom, click background.
    3. Finally, click on the Position of the image and choose Stretch or complete, what you prefer.
    4. Click on save changes.
    If this isn't the cause, you could also do that you use the full resolution of your monitor.
    1. Right-click on your desktop, choose the resolution of the screen.
    2. Make sure that you use the recommended resolution.
  • How do I put the buttons at the top and bottom of a page

    Hello

    I have a requirement that each of the 4 buttons be placed at the top of the shape and the bottom of the form as well.  As I tried, I could not find a way to do it.  I use APEX 4.2.2.

    The layout of the page is / < should be > as follows:

    Area of the header

    -various Articles

    < buttons should go here >

    Region 1

    -various Articles

    Region 2

    -various Articles

    Region 3

    -various Articles

    < buttons should also go here >

    Currently I have buttons in a region called the buttons after the region 3.  I tried to place 1-3 areas in my region of buttons (buttons has been defined as their parent region) and then set the property position button up and down, but that just gave me 2 sets of buttons with nothing between them (regions 1-3 should be between them).  The point of view of each of these regions is body of model Page (3)

    So, how can I address my page have two sets of buttons, as shown above?  I know there is a much better way than to create a new set of buttons with dynamic here of actions/process/validations/etc.

    Thank you very much for your help!

    Jason.

    EDIT: The theme has been applied to this app is a custom theme that was created by the theme of Cloud applications.

    jason02 wrote:

    Cloud Apps is theme 101.  My area of container using the model 'Button region Untitled' and the HTML in the definition is:

    #CLOSE # PREVIOUS # ##DELETE NEXT ##EDIT ##CHANGE # CREATE # CREATE2 # EXPAND ##COPY # HELP #.
    #BODY #.

    This is going to sound strange because you want to display buttons, but the region without title button model is not appropriate for what you're trying to do (it is designed to display buttons in positions defined by the chains of substitution in support of button cell). Stranger still, in a theme derived from issue 20, the best model in the region for a container's region without buttons and title. That this legacy theme uses HTML tables-based layout, the jQuery selector that is required in the JavaScript code is more complex:

    $('#container_body td.t20RegionBody:first')
      .append($('#container_body td.t20RegionBody:first table:first'))
    
  • Using the PNG format with maximum width without clipping the top and bottom of the image?

    I use PNG format to preserve transparency and shadow, I am trying to integrate to give the illusion that this slab object is floating above the other layers.  First I tried file > place to position the menu object on edge of header/beginning of the content.  This leaves no option to force the image to span the width of any screen.  I need that I tried to use object > fill > and then clicking on the maximum width of the rectangle (which solves the problem of maximum width), but now I am facing a problem of cutting top and bottom of the image.  The next thing I can think of is to go back to Photoshop and to distort the image, so it is not as big.  In my view, there must be an easier way to achieve will not also give my image an abnormal appearance.  Thoughts?  Thanks in advance.

    Thanks, that's useful.  I also found that I've cropped for a large part of the canvas.  After the increase the surface of the canvas AND fill everything is fine now.  I think that your suggestion may help with the problem of affect scroll I will have when you use different resolutions. I will try to set the size in a single dimension (height) so that different resolution screens see the same scrolling actions.  Mylenium thanks!

  • Since then went black download firefox 4 top and bottom of my screen and I can barely see the button/arrow to the left

    Question
    Since then went black download firefox 4 top and bottom of my screen and I can barely see the back/arrow button, if I can not go back to 3.6 and you'd have to show me how, step by step without computer talk if it is not possible for you that I return to internet explore... cordially chris williams

    You are welcome. I'm glad that you were able to find a solution with the information provided by the contributors here.

    So that other users can find solutions to Firefox previously asked take charge of issues, please take a few minutes to come back on the forum, log in, then click 'resolved' next to the answer above you helped more to find a solution. Thank you.

  • Skype logo at the bottom of the computer has a black square logo on top and does not open when I cli

    Skype logo has a black square on the top to the bottom of my laptop and when I click on it it won't do anything, I can't acess it.

    Make sure that you use the latest version of Skype: http://www.skype.com/go/getskype-full

    Also, be sure to update your operating system and drivers.

    If the problem persists: OS are you on (Windows key + r > winver), and the version of Skype should be that of the link above, also make sure that Internet Explorer is the latest version for your OS (alt + x > Internet explore when in IE).

  • Photosmart 6510: lines horizontal and top and bottom of page when scanning

    Hello

    Scans of the bucket of my Photosmart HP 6510 leave a horizontal line at the top and bottom of the page.

    I tried to adjust every page that I scan to align as straight as possible on the glass and this sometimes helps a bit.

    I am able to bypass the lines in culture to, but would prefer to find a real solution.

    Any help would be appreciated because I don't know a lot about the scanners, thanks!

    I've included a sample page below (the mark on the right side is not dirty glass, it has been a staple in the page):

    Welcome to the HP community @lgilb01,

    I wanted to tender hand to respond to your message on the lines that you notice when you scan to scan in your Photosmart 6510 bed. It seems to me that there could be some light enter when performing the analysis, causing lines. If you are only scanning one page at a time, the lines should not appear as they are now.

    Here is a troubleshooting guide for you to try. If the lines do not fade, contact HP directly to see about a replacement printer.

    HP Photosmart 5510, 6510 and 7510 e - all-in - One Printer Series - vertical stripes, lines or scratches in Copies or scans

    Tip: Make sure that the printer is plugged directly into the wall, avoiding bars power and surge protectors. This ensures that the printer is full on.

    Testify of my answer by pressing the thumb in the air below and hit the "accept as Solution" button, if I have you helped a resolution!

    I hope I helped!

    Contact HP:

    Step 1. Open the link: www.hp.com/contacthp/
    Step 2. Enter the product number or select Auto detection
    Step 3. Scroll up to "still need help? Fill out the form to select your contact options.
    Step 4. Scroll down and click on: contact HP options - click Get phone number
    File number and phone number are displayed.

Maybe you are looking for

  • How can I find the Menu of available channels

    Although having APT4 for a few months, I have finally connected. But although I got once on my PC, I can't find the LIST of all available TV channels? Where is he? Also, is there a separate Menu for free live TV channels?

  • ondblclick event does not work on firefox 3.6

    I'm developing a Web site. I have a page and I enclose you a javascript on to a div. ondblclick event method When I double click on this div method is not called. It works in Internet Explorer. Please suggest a solution.

  • I'm using a windows 7 home premium 64-bit desktop

    Currently, I use a HP pavilion Elite desktop PC, windows 7 64 bit, I don't know if I should spend it or just buy a new windows 8, I bought an 8 portable windows for my spouse found but missing because it does not come with media center or Lightscribe

  • Satellite 300 CDT - need to update BIOS

    Looking for a driver to update BIOS for Satellite 300CDT model PA1261EYX-FR95 that I bought in France a few years ago. Or, would like to know the reference of 128 MB memory module

  • can I use m3u or wpl to burn CDs

    can I use m3u or wpl to burn CDs