Fixed position unfixed - beginner's question

Hi! I'm making my first steps in site building, I've built a template for my portfolio here.
it's quite simple, sort of a large image gallery (with placeholders at the mo).
the problem is with the header: I've set it position:fixed but it jumps a little bit to the sides between the pages, depending on the size of the other objects on the page.
I don't know where that dependancy comes from and how to fix it! would be really greatful for any help.
here's my css:
@charset "UTF-8";
/* CSS Document */
body {
          font-family: "Times New Roman", Times, serif;
          font-size: 18px;
          font-style: italic;
          color: #000;
a {
          font-family: "Optima Black";
          font-size: 45px;
          font-style: normal;
          font-weight: bold;
          text-align: center;
          letter-spacing: 0.2em;
          vertical-align: middle;
          text-decoration: none;
          color: #000;
alo {
          font-family: "Optima Black";
          font-size: 48px;
          font-style: normal;
          font-weight: bold;
          text-align: center;
          margin-left: -8px;
          vertical-align: middle;
          text-decoration: none;
          color: #000;
alo:hover, a:hover {
          text-decoration: none;
          color: #00F;
bold {
          font-size: 22px;
          font-weight: bolder;
footo {
          font-size: 14px;
          font-weight: bolder;
          text-align: center;
#header {
          position: fixed;
          top: 5px;
          left: 0;
          right: 0;
          width: 150px;
          margin: auto;
          text-align: center;
#footer {
          width: 150px;
          margin: 0 auto;
          padding-top: 40px;
          text-align: center;
#container {
          width: 900px;
          margin: 0 auto;
          margin-top: 65px;
          padding-left: 5px;
          padding-right: 5px;
          overflow: hidden;
          background: #FFF;
#caption {
#image {
          padding-top: 6px;

Hello,
You still have another tag like that one.  And you still have some CSS that appears to be dependent on those  tags like this.
alo {
    color: #000000;
    font-family: "Optima Black";
    font-size: 48px;
    font-style: normal;
    font-weight: bold;
With your header element try removing the position: fixed and the position references (top left or whatever).
Your header should sit there nicely witht this in the css:
margin: 5px auto 0 auto;
Also, give it a width and it will center nicely, if that's what you want.
Martin

Similar Messages

  • Standard report with fixed position.

    Hello,
    I have a page where i want the first report to have a fixed position.
    I have 3 regions with reports, the first will only display product name and number, the next report will display sales. The last report is very long so I have to scroll quite a bit. That's why i want the first report with names to have a fixed position so i can see which product i'm looking at.
    I have tried to make a copy of the standard report template, and in the before rows i have this code
    <table class="t3standard" summary="Report" style="position:fixed;">
    this didn't work
    Is this a way of making changes to the report template? Is it possible to make theese kind of changes in the report template or du I have to go inside the CSS file to add position:fixed somewhere?
    Anders

    What browser(s) are you using? Win IE doesn't support fixed positioning :-(
    How about setting a fixed height for the last report and making it scrollable using overflow: scroll? This would make the first 2 reports "fixed" by default...

  • Reading fixed position files with File Adapter

    Hi !
    I'm trying to use the file adapter to read a file with data in fixed positions .
    I cannot get it to work, I'm getting :
    [Line=3, Col=133] Expected "${eol}" at the specified position in the native data, while trying to read the data for "element with name Hours", using "style" as "array" and "cellSeparatedBy" as "${eol}", but not found.
    Ensure that "${eol}", exists at the specified position in the native data.
    and don't understand what the problem is.

    Sorry I didn't reply sooner.
    If you are only interested in the first 133 characters then as you stated you need to put in a dummy filler at the end.
    The file adapter is not as smart as you think. What is does is reads the string in a stream, so it gets its command and reads the stream until it hits it, then it gets the next command.
    In your situation you said read 1 - 133 thinking it would ignore the other characters in the line. In reality what happens is that it reads the first 133 characters. Assuming that it wasn't looking for a end of line it would then read the next 133 characters. This would include the character you want to ignore, so your pattern would fail.
    Good way to think about it is to apply the rules as if you are reading the file your self. In your mind you say read these characters then I want to ignore all the others in the row. You have to tell the file adapter to do the same.
    Hope this explains.
    cheers
    James

  • How to emulate CSS fixed position in Flex 3

    Does anyone know how to emulate CSS fixed positioning in Flex 3?
    Canvas (absolute layout) uses coordinates same as HTML/CSS absolute positioning.
    How do I achieve fixed positioning where the panel is taken out of the flow and positioned relative to the application chrome?  (similiar to applicationcontrolbar, but not exactly)
    Someone please tell me if it is possible and some ideas how to achieve.
    Mike

    do not use the forum as marketing place for you site. if you want to share the content with SDN users, you have the blog area, wiki, article area.
    raja

  • How to put the URL-bar at a fixed position to the right of tabs ?

    I have moved the URL-BAR to the right of tabs, on the same row, and reduced the size with a few lines in "userChrome.css".
    I want the URL-bar to be at a fixed position as far to the right as possible, so i get as much free space as i can for my tabs.
    I´m using FF 20.

    Sounds that you are using wrong code in the userChrome.css file.
    You can set the max-width of the location bar and the search bar to force a maximum width of both bars.
    <pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
    #urlbar-container { max-width: 400px !important; }
    #search-container { max-width: 200px !important; }
    </nowiki></pre>

  • FTP/File adapter with Fixed Position File Format

    Hi All,
    Can any one guide me how to deal with the fixed position files while using File or FTP adapters?
    Thanks In advance

    Hi,
    Have a luk at the below link it has gud examples:
    http://download.oracle.com/docs/cd/B31017_01/integrate.1013/b28994/nfb.htm#CCGIBHFH

  • Preview of Fixed Position Based eText template displays the formatting

    Hi,
    I am trying to create an EFT template using the eText Fixed Position Based instructions. I copied an existing Fixed Position Based template and made the changes that were needed. When I hit the Preview link, it displays the payments in the formatted template, not in the output that I'm trying to create by using the template.
    Can anyone tell me what step I'm missing? I have created other types of templates and they preview fine.
    Thanks

    There is no difference between DELIMITER_BASED and FIXED_POSITION_BASED
    you can pick up the fixed and convert it into delimiter based,
    allowed columns are MaximumLength,Format,Data,Tag,Comments. delete the rest of the columns.
    And for DELIMITER_BASED templates,After every data field row,you have to insert a delimiter row and put appropriate field delimiters in separate rows between the fields.

  • Displaying a widget (JPanlel) at fixed positions

    Hi!
    I have a form and I want to display a JPanel when I click on different widgets with its left-top corner at the mouse location. I think I can figure out how to get the mouse coordinates, but I don't know how to tell a JPanel to position itself at a fixed position.
    Any suggestions?
    Thank you,
    Catalin

    You can have two static varibles which can make a note of the x and y coordinates. wenver the user clicks on the frame you can create the panel and place it at the frame at the specified place.
    setPosition will be useful in this context....

  • Fields in Fixed Position

    Hey everyone
    I am having a problem with one of my reports. The problem is I want to have a field that has a fixed position on the report say, but whenever I run the report, it always moves my text right below the previous repeating frame or shows up on the last page only. I have set my property for this field to Show All Pages, but it doesnt' seem to work. How can I do this?
    Thanks, much appreciated
    Cheers

    Hi,
    Very nice explanation. Thanks.
    What you have to do is..
    As you said that after printing detail records the frame goes to almost 9 inches of each page and then in the end you want to print that last field. So in layout editor of you report i can see the field F_REPEATING_TEXT is close to that repeating frame. Just increase the size of repeating frame and make it vertical 9 inch in your layout editor. And keep the same distance for this field and frame in layout editor then set the repeating frame property VERTICAL ELASTICITY to FIXED. As i said in my previous post. Then your layout of report should look like this
    Repeating Frame
    |Field1  (Inside the repeating frame)|
    Repeating Frame End here
    F_REPEATING_TEXTSo, as you can see what you have to do now. Just expand the frame till end of you layout editor just leave the space for that repeating field and set property FIXED for repeating frame and the field property is correct. Then it will work..
    -Ammad
    Edited by: Ammad Ahmed on Apr 19, 2010 8:06 PM

  • Beginner font questions

    These are some beginner font questions if someone has the time/patience.
    I've never paid much attention to fonts over the years, never installed
    any other than those that might have come with applications. Early on,
    15 years ago or so, I settled on Palatino and I've stayed with it for
    most docs (Word 5.1a and now Word vX) and often for other apps (Safari,
    Now).
    I just upgraded to Tiger (10.4.4) and I use Word vX.
    Questions:
    1. I gather from looking at Font Book that when I'm using Palatino in
    Tiger that OS X is getting it from my OS 9 System folder for Classic.
    It does not look like Palatino is in any other locations including MS
    Office vX. Does that make sense?
    2. I always thought that Palatino was a very basic, always available
    font. Not so?
    3. If I decide to stop using Classic, and I'm close to that time, can I
    transfer those fonts to OS X? If so, to which location is best.
    4. And are the same fonts used for printing and screen? In other words
    back in pre OS X days I thought some fonts came in screen versions and
    print versions but my memory is hazy on that. Not only that.
    Thank you for any education or links for info.
    Powerbook G4 Ti   Mac OS X (10.4.4)  

    1. I gather from looking at Font Book that when I'm
    using Palatino in
    Tiger that OS X is getting it from my OS 9 System
    folder for Classic.
    It does not look like Palatino is in any other
    locations including MS
    Office vX. Does that make sense?
    That's correct.
    2. I always thought that Palatino was a very basic,
    always available
    font. Not so?
    It seems to be out of favor.
    3. If I decide to stop using Classic, and I'm close
    to that time, can I
    transfer those fonts to OS X? If so, to which
    location is best.
    Yes, you can just put it in Users/username/Library/Fonts (or Library/Fonts for all users).

  • Fixed Position Divs Won't Position Correctly

    Hi,
    I'm using Dreamweaver CS5 and trying to put a series of thumbnail images within a div using the fixed position method. They look great in Live View but when the page is posted they shift way off to the left. Here's the page:
    www.acemon.com/features.html
    It looks pretty bad in Firefox and absolutely awful in Internet Explorer.
    I added background colors to the various divs (partly to help me locate them correctly) and I want to center the photos in the greenish box. I'm a fairly new Dreamweaver user and spent about two hours trying to figure out what I'm doing wrong.
    Thanks,
    -Ace-

    Thank you. I am in your debt.
    Here's my previous site. Each time I learn a little more and can add better features.
    www.TheFreeSkiBus.org

  • Please help me to fix my problem in security question, I've really totally forgot the answer, this is the second time

    Please help me to fix my problem in security question I've really forgot the answer,
    Please let me know how to fix this, thank you

    You set the answers to the security questions so that nobody else can access the iPad without knowing those answers. It's a security thing. You need to get your head around the importance of these answers.  If we put all your data in a safe and gave you a password to open it, would you forget it? Twice? That is exactly what you have done.
    Restore. The fate of your data is uncertain.

  • Clone stamp - fixed position sampling?

    It seems there is a way to fix the sampling to a fixed position on the alt-click so that the cross does not move even though you are moving the brush. Is that correct and if so, how?

    Also,be aware that unchecking that box does not hold all the time. not sure if its a recognized bug or not, but it constantly rechecks itself on my machine.

  • Reports - Priting a frame at a fixed position

    I am developing an invoice report which prints order details and a payment stub. Order detail is in one frame and stub in another. I want to print the stub always at a fixed position towards the end of the page. Frame for the stub has a pageprotect. When the order frame takes nearly a page, the stub is printed on top of the next page. How can I force it to print towards the bottom of the page?
    Thanks in advance.

    The reason why your payment stub goes to the top of the next page is because of the implicit anchoring that exists between the stub frame and the details frame.
    I suggest you draw a normal frame which ecloses both the frame and having vertically expand property and then manually achor the bottom of the stub frame with the bottom the new frame. This should solve the problem.
    All the best. Reply if you get any other solution.
    null

  • High z-index fixed position footer, links in container above not active

    I have a site with a fixed position footer with highest z-index.Links that are close to the footer (but in the container above footer) do not show as active unless I scroll upward away from footer. Once away from footer a little, they become active. any help appreciated.

    any help appreciated.
    Help us by posting a link to your site.
    Fixed postioning is not well supported on iPhones and iPads.  Are you really sure you need to complicate your site this way?
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

Maybe you are looking for

  • Error causing drive ejection

    Hi, First of all let me know if this is the correct forum for my post. I receive the following error in my kernel.log file every couple of days: Oct 31 11:33:16 Mac-Mini kernel[0]: USBF: 3170599.294 AppleUSBEHCI[0x838b000]::Found a transaction past t

  • Passing dynamic table name in ADO. net destination

    I am new to SSIS and I have a requirement where i need to pass dynamic table name in ADO .net destination . My package contains an "Execute Sql task" in the control flow which computes the destination table name to be provided at run time and stores

  • Discovery Box and MDM Scenarios

    Hi, What scenario's are available on the discovery box ? Especially interested in the MDM stuff : What repositories are loaded, any scenario's like mdm harmonization implemented... ) Thx, Dirk

  • Standard Query Issue.

    Hi All, In Query Definition, for a query "Browse Product Category Tree view", when im trying to duplicate the query and save it then its throwing an error as : "The Java execution type is not allowed in a custom query." But we have a requirement to e

  • AppServer8 destroyed bu JMS attempt

    trying to get JMS going on Sun Java System Application Server Platform Edition 8.0.0_01 (build b08-fcs) There are many demos, NONE seem to work 1) http://java.sun.com/j2ee/1.4/docs/tutorial/doc/JMS5.html#wp80279 is close but NOT identical to the real