Problems of positioning in IE7

I have one last question that I grew up at the end of my last post so I fugured, I would like to start a new. Everything on my index page is now looking how I want it except for the date of my block in the upper right corner. In IE 7 it is pushed down completely but its fine on everything else. I can't point out the problem and the Im out of ideas to try. My page is here and my code for my blocks date containing a div and css are lower than

< div id = "topdiv" >
"< a href ="index.html"> < img src =" images/logo.gif"alt ="Chalkboard Publishing Inc."class ="border"border ="0"/ > < /a > < img src =" images/toppic.png "alt ="together"class ="border"/ >

<! - block date - >

< div class = "outerbox" style = "float: right" >
< div class = "datebox" > < br / >

< script language = "Javascript" type = "text/javascript" >
document. Write (MonthName [monthnum])
< /script >
< / div >
< div class = "monthbox" >


< script language = "Javascript" type = "text/javascript" >
document. Write (Day)
< /script >
< / div > < img src = "images/table - bottom.gif" alt = "bottom" / >
< / div >

<! - end block Date - >

..........................................................

...............................................................

< / div > <! - end topdiv - >

{.outerbox}
padding: 0px;
Width: 120px;
overflow: hidden;
margin: 0px;
Police-weight: 900;
}

{.datebox}
font-size: 18pt;
color: #fff;
text-align: center;
background-image: url (.. /images/Chalkboard-Top.gif);
/ * border-bottom: 1px #00aaaa solid;
border-top: 1px #00aaaa solid;
border-left: 1px #00aaaa solid;
border-right: 00aaaa # 1px solid; * /
Width: 120px;
height: 60px banner;
do-family: Comic without MS.
}

{.monthbox}
font-size: 40pt;
color: #fff;
background-color: #00aaaa;
text-align: center;
height: 60px banner;
do-family: Comic without MS.
background-image: url (.. /images/Chalkboard-Mid.gif);
Width: 120px;

}

I think, you can not Inline styles (images) followed by a float.  That's why I moved first, the floating element that worked.

Conversely too, would be to give the 2 images a float: left rule and then let the float: right for date field...

In both cases, I still think that you need to resize one of the images by up to 10px.  You can even get away with. 5px, 10px was easier to test :-)

May I also point out that the page loads very slowly, you can optimize the images one a little more to make them faster loading.

It is the result of the page through the web optimizer:

IMAGES_SIZE - WARNING! The total size of your images is 340845 bytes, which is over 100K. Consider spending graphic formats to reach sizes of smaller files (from JPEG to PNG, for example). Finally, replace by CSS techniques for computer graphics techniques create spacing, backgrounds and colorful borders.

You can do the test yourself at:

http://www.websiteoptimization.com/services/analyze/

or is it an a tool available through the web development for Firefox toolbar:

Web Developer Toolbar

http://chrispederick.com/work/Web-Developer/

Hope this helps all :-)

Tags: Dreamweaver

Similar Questions

  • CSS Dropdown menu, problems of positioning in IE7

    I created a drop down list using CSS to style links. It appears correctly in Firefox, but level sup links are positioned to the right of the parent link rather than directly below when seen in IE7. For example when I hover over 'News', the drop-down menu the auto position to the right of the 'News' link

    Website: http://sbfl.tmp50.haisoft.net/

    CSS: http://sbfl.tmp50.haisoft.net/templates/sbfl_homepage/css/nav.css

    Thanks for your help.
    Sean

    "seanish" wrote in message
    News:gmv23j$ML1$1@forums. Macromedia.com...
    > I created a drop down list using CSS to style links. He
    > is
    > display well in Firefox, but level sup links are positioned to
    > the
    > law of the mother rather the link directly below seen in IE7.
    > For
    > example when I hover over 'News', the fall down positioned its self to the
    > right
    > the 'News' link
    >
    > Web site: http://sbfl.tmp50.haisoft.net/
    >
    > CSS: http://sbfl.tmp50.haisoft.net/templates/sbfl_homepage/css/nav.css
    >
    > Thanks for your help.

    Try this:

    #mainlevel ul {clear: left ;}}

    --
    Thierry | Adobe Community Expert. Articles and tutorials:
    http://www.TJKDesign.com/go/?0

    Widgets Spry | http://labs.Adobe.com/technologies/Spry/samples/ [click on]
    'Widgets']
    Samples of the Spry menu bar |
    http://labs.Adobe.com/technologies/Spry/samples/menubar/MenuBarSample.html
    --

  • Problem with positioning of 2 elements

    Hello world

    I have a little problem with positioning in Muse. In my head, I added a logo and buttons, in 2 different elements

    But when I move them into Muse, and then I watch online the result, it's totally different. For example, if there are 50 px between my logo and my buttons in Muse, online, there are less than 20.
    You have a solution?

    Thank you and sorry for my English

    François

    Try to group them and then get a glimpse. Let me know if this helps.

    - Abhishek Maurya

  • absolute positioning in IE7 problem

    Hello Dreamweavers,

    I'm having a problem with a new site that I'm working on.

    In the upper left corner, there are two elements to absolute positioning: an image and a H1 title as follows:

    . Primary h1 {}

    position: absolute;

    Left: 20px;

    top: 90px;

    z-index: 100;

    }

    {.masthead}

    position: absolute;

    left: 60px banner;

    top: 20px;

    z index: 101;

    }

    the two elements are in .primary div that has a position: relative.

    Works well in all browsers except IE7

    In the screenshot you can see that the h1 title seems to disappear behind the white square in the show pushing the image down.

    I tried different things, like setting ' display: inline ' to floated elements but no success yet.

    Site is here:

    http://www.productfotografie-fotograaf.nl/

    screenshot is here:

    http://DL.dropbox.com/u/604341/screenshotie7.PNG

    What could this be?

    Bob

    The only thing is that I recently heard say that Matt Cutts saying that you shouldn't br really do that...

    Listen to Matt.

    That was the point. I want the image slightly overlap the H1, since there a reflection that sits on the H1, which gives it a bit of a bright and more of a look "logo".

    OK - do the

    position: relative and include the image of the camera in the

    as well as the text.  Use something like this-

    H1 img {position: absolute; top:-75px ;}}

    and adjust the values of the left/top to overlap anywhere.  In this case, I'll allow you to use absolute positioning.

  • Strange problem of margin in IE7

    Embarrassing one last detail to take care of; in the left side bar, I have 3 main divs with the divs nested footer to fine graphics. the div down, #searchform, coorectly appears in FF and Safari, but in IE7, there is an extra couple of pixels. Even when I remove the margin down together to the div above, nothing changes in IE7! No coding errors or problems reported browser!

    http://www.shopvistawest.com/

    {#sidebar1}
    float: left; / * because this element is floating, it takes a width * /.
    Width: 208px;
    padding: 0px;
    top of the margin: 5px;
    margin-right: 0px;
    margin-bottom:-14px;
    left margin: 12px;
    overflow: hidden;
    }


    #sidebar1 h2 {}
    color: #FFFFFF;
    do-size: 14px;
    height: 44px;
    Width: 208px;
    text-align: center;
    background-image: url (.. / images/sidebar1_h2_bg.jpg);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    line-height: 42px;
    }
    #sidebar1 h3 {}
    do-size: 14px;
    line-height: 42px;
    color: #FFFFFF;
    background-image: url (.. / images/sidebar_h2_blue_bg.jpg);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    height: 44px;
    Width: 208px;
    text-align: center;
    }


    #sidebar1 p {}
    margin-left: 10px;
    margin-right: 10px;
    }
    {#quicklinks}
    background-image: url (.. / images/sidebar_left_bg.jpg);
    background-repeat: no-repeat;
    background-position: left down.
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 12px;
    left margin: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    }
    {#quicklinks_footer}
    background-image: url (.. / images/sidebar_footer.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    margin: 0px;
    padding: 0px;
    }
    {#searchform}
    background-image: url (.. / images/sidebar_left_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    margin-bottom: 0px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    left margin: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    }
    #searchform h4 {}
    line-height: 42px;
    background-image: url (.. / images/sidebar2_h2_bg.jpg);
    background-repeat: no-repeat;
    height: 44px;
    Width: 208px;
    do-size: 14px;
    margin: 0px;
    padding: 0px;
    color: #FFFFFF;
    text-align: center;
    }
    {#searchform_footer}
    background-image: url (.. / images/sidebar_footer.jpg);
    background-repeat: no-repeat;
    background-position: left down.
    margin: 0px;
    padding: 0px;
    }

    I suspect a combination of two things. 1. you have not set the upper and lower margins

    for these two divs and browsers use their own default values. 2. you have an empty in community_footer paragraph when you use
    in others.

    The solution might be to set paragraph margins, use
    , or both.

    Do not know where would be the best casual place, #sidebar1 & #sidebar2 where you set left & right margins appear to be reasonable.

    --
    Mark A. Boyd
    Keep-on-Learnine :-)
    This message was processed and published by Jive.
    It will not be considered an accurate representation of my words.

  • Problem of position relative text object

    Hello

    I have a problem by specifying the relative position of the object using DIAdem scripts.

    I try to use the RelPosLst variable to set the position of the text relative to the 'right '. However, when I run the script, I always get "Center" as the relative text position. The following code example:

    Call GraphObjNew ("FreeText", "Text3")

    Call GraphObjOpen ("Text3")

    TxtPosX = 14.7

    TxtPosY = 57

    TxtBold = True

    TxtTxt = "Site:"& Site.

    TxtFont = "Arial".

    TxtSize = 4

    RelPosLst = 'Right '.

    Call GraphObjClose ("Text3")

    I'm doing something wrong?

    Thank you

    Egor

    Hi Egor,

    the RelPosLst variable is only the variable in the list of positions, you must use the TxtRelPos variable in your code.

    Tip: If you want to get all the variables dialog box, open it and press on "Strg + a". With this, you copy all (scriptable) variables of the dialog box to the Clipboard and you can paste it in your VBScript. It's much easier to find the help file.

    In the code:

    Call GraphObjNew ("FreeText", "Text3")
    Call GraphObjOpen ("Text3")
    TxtPosX = 14.7
    TxtPosY = 57
    TxtBold = True
    TxtTxt = "Site:"& Site.
    TxtFont = "Arial".
    TxtSize = 4
    TxtRelPos = 'right '.
    Call GraphObjClose ("Text3")
    Call PicUpdate

    Sven cordially

  • Problem of position simple html page footer

    I have set up a HTML with conventional markers for container, header, etc., but I am unable to set the position of the foot of page which is under 3 vertical placeholders - I can float the box to the right, beyond the boundaries of the container, but otherwise it is by default on the left beyond the boundaries of the container.  What rules should I use to position the space in the center of the width of the container - none of the rule definitions CSS3 Dreamweaver seems to work as I expect.

    Placement under the 3 vertical placeholders is the cause of the problem, but whatever it is, can someone provide me with instructions for a fix.

    HTML CODE: -.

    < div id = ' end ' > for more information, please send your request for information: - < a href = "mailto: " [email protected] "> e-mail information.» < /a >

    < p align = "center" > Copyright xxxxxxxxxx. All rights reserved < /p >

    < / div >

    CSS3: -.

    #end {}

    Width: 968px;

    height: 50px;

    background-color: #CCC;

    text-align: center;

    Word-spacing: normal;

    do-size: 12px;

    position: relative;

    }

    Not sure I exactly understand the context of the question, but try this.

    #end {}

    Width: 968px;

    height: 50px;

    background-color: #CCC;

    text-align: center;

    do-size: 12px;

    Auto margin: 0;

    }

  • Problem of position CSS Logo

    Hello

    I recently worked on a web project. In the project, I have a css file that is suppose to position the image of the logo.

    This is the css code:

    / * LOGO * /.

    #logo {}
    Width: 830px;
    height: 90px;
    margin: 0 auto;
    margin-top: 10px;
    margin left: 200px;
    background: url(images/img04.jpg) no-repeat left top;
    }

    Margin-top down the logo and the left margin moves the logo into alignment. The problem is that when I check the

    page on the different sizes of screen left margin makes the logo image to automatically move to the middle of the page.

    Rather than stay in the position you want.

    If anyone can help.

    Thank you.

    Very difficult to know what needs this poster. First, they say they want the logo to the left so I said delete margin: 0 auto; in the css as it was then. 200px left margin appears now... hummmm

  • Problem of positioning of text at the top of a block of text

    Hello

    I've had this problem for a long time with InDesign and I am finally at the point of duty to sort (in lieu of the creative solutions of non-parfait).

    For some reason, in some of my frames of text, I can't get the first line of text to be positioned just above.  Here is an example.  It's the strangest thing. In an exercise, it is fine (using the same paragraph style). In the next exercise, sits lower.  I can't sort. At one point, I thought that it was my choice to police, but this seems not to be.

    Any ideas?

    Susan

    textframe.jpg

    Just to check what is evident first of all, you have the text aligned to the top of the box?  Select the text box and go object > Options of text block and under the control of the Vertical alignment, he says 'Top '.

    Then, the text does not have a vertical offset applied?  It's the little box in your control panel that looks like this:

  • Problem of position of ComboBox Lable

    Hello!

    I use Flex 4 and a MX ComboBox because I can set the number of lines.

    Problem is, using fonts Lucida, the text is badly positioned vertically, as shown in the picture.

    How can I fix this please?

    combobox.jpg

    The drop-down list box has a property 'leader' for the message box and the drop-down list box. It increases a bit (using css styling) and see if it works.

  • IDCS5: Problem GREP positive Lookahead

    Hi all

    We used a GREP for awhile put a chip at the end of the penultimate para.

    Find: \r(^.+$\z)

    {Change: ~S\x{25CF}\r$1 / / \x{25CF} being the chip

    It works fine but I just noticed that when there is a hyperlink at the end of the last para it is broken when only the art is captured and then back again (as $1) by the GREP. Hyperlink seems to be 'shifted' a few current characters;

    GREP.png

    I really want to do, is to put the last para and the \z positive advanced search, so the last paragraph is not captured and then put it back again. But when I try;

    Find: \r(?=^.+$\z)

    It does not find anything, no doubt because \z don't like to be in the positive advanced search, even if (as a test) I try

    Find: \r(^.+$)(?=\z)

    It is correct. So, someone can explain why \z does not work in my second expression above but does in the third? Or if someone can think of another way to do what I want, it would be great.

    Thank you

    Iain

    PS I hope that expressions come out very well!

    Gah, but you've already guessed the thing that actually does work!

    I start there

    \r(?=^.+$)

    who is "one whole paragraph with another one follows" - you also found that yourself. But tacking on a \Z to finish the job, does not work for some reason any! Also replace the "$" by "\Z" - which works in 'normal' mode - fails inside the anticipation. Probably, it's just something that programmers do not think of anyone to try this...

    So, how do you find the end-of-a-story where you cannot use \Z? Use a negative search! (?=.) There is 'any character to come' and its counterpart (?.) is precisely that: do NOT match 'any character to come', that is, single match when there is nothing else left.

    The only thing is hard also refers to "nothing", because GREP is designed to deal with end-of-paragraphs like this. You can turn off using the (? s), which defines the simple line - technical description Mode is "allow wildcards to match the \r", so now (?.) also recognizes a hard return as "any character."

    The twist is that this mode is better not defined at the beginning of the term, because you are already looking something else using the generic period, and which also matches any hard return. I didn't test whether (and how and where) that could go wrong, but there is no harm to switch modes to halfway through your GREP expression, so I did exactly that.

  • Problem with positioning

    I have been troubled by the fact that I can't place my slideshow and the div that contains in the right place, for some reason beyond my comprehension. The slideshow section is pushed down below, where infact it should be to the right of three buttons. This problem does not occur when I use Chrome or Firefox (except if I use a doctype) and it occurs when I use IE. I spent ages through my code looking for the source of the error and use the validator w3 to no success. My site is the link below:

    http://www.gcsebusiness.com/

    Any help would be greatly appreiciated.

    Thank you

    Tom.

    See what happens when you change your css selector by its exact name (note the capital letter 'L' on the left). In your css, you have a small 'l '.

    {#SlideAreaLeft}
    height: 300px;
    Width: 300px;
    float: left;
    }

    A selector incorrect name may have a big consequence.

  • Problem of positioning the window title?

    Hi all

    I have a window title and normally when you move the window title for right side it comes out of the screen and the same company... but here, in my case, I want scénarion... I want just the window display only title... When I move the title window on the right or left, that he should not go out of the screen... it must be in the screen it self... How can I do this... It is very urgent and everyone can help solve this problem... ?

    Thank you

    RAM.

    @Flex4,.

    Hey check out this link that you may find useful...

    UT-of-the-stage-in-Flex-3 http://StackOverflow.com/questions/1579117/How-to-prevent-a-Component-from-being-Dragged-o

    Thank you

    Jean Claude

  • Problem of Position of from mouse

    With 7 slides in my Captivate project, I added about 5 points of mouse movement to the overall project. The first mouse point added allows me to move the start and end of the mouse position. Unfortunately, the remaining elements of the mouse do not have the Red mouse from position the handle, so I can't move the starting position! I tried for all settings, closing and re-opening the project, even reboot the PC, but no luck. I tried a few searches on this, but very little is out there.
    Any help would be appreciated: o)

    Hi Beaker23 and welcome to our community

    As you have seen, you can only configure the starting point for the mouse on the first slide, where the movement of the mouse starts.

    Look at the following tutorial. Click here to see the tutorial

    If you need to adjust the starting position of slides, adjust you when the mouse has stopped on the previous slide. To do this is to duplicate the slide, set up the calendar for the new slide duration minimum (.1 seconds) and adjust the position on the new slide.

    See you soon... Rick

  • SQL loader, problem with the POSITION &amp; EXTERNAL

    Hi gurus of the Oracle.

    I have problem with position and external.

    I have the data file with the data of 1 million records

    data delimiter is to and eventually closed by «»

    some lines are not loaded due to errors of data, i.e. data contains some «»

    now, we decided to use the position & external. am unable to write the control file.

    any help would be much appreciated

    The table name is person_memo, 4 columns

    ID_PERSONVARCHAR2 (9 bytes)
    TX_MEMOVARCHAR2 (1000 bytes)
    ID_USERVARCHAR2 (20 bytes)
    TM_STAMPTIMESTAMP (6)

    my control file is

    DOWNLOAD THE DATA

    ADD THE PERSON_MEMO TABLE

    FIELDS TERMINATED BY ' |'

    SURROUNDED OF POSSIBLY "" "

    TRAILING NULLCOLS

    (

    ID_PERSON POSITION (1) "CUT (: ID_PERSON).

    , TX_MEMO POSITION (10) TANK (1000) "CUT (: TX_MEMO).

    , POSITION (1012) ID_USER "TRIM (: ID_USER).

    , TM_STAMP POSITION (1031) EXTERNAL (26) ' DECODE (: TM_STAMP, NULL, NULL, TO_TIMESTAMP (: TM_STAMP, ' YYYY-MM-DD - HH24.MI.)). SS. "(FF')).

    )

    specimen of data file

    "04725813" | "aka"Little Will"" "|" " 095TDEAN «|» 2013-02-21 - 11.13.44.632000

    "05599076" | "" FIRST NAME - ADDED A 'T' AS ON THE REG MAP | ' 016DDEAL ' |. ' 2014-04-11 - 10.06.35.598000

    Thanks and greetings

    REDA

    In your control file, EXTERNAL (26) must be INTEGER EXTERNAL (26).

    Unfortunately, this forum destroyed the spacing, so I can't say whether or not your data are positionnelles.  If it is positional, you can then use positions, but you need start and end positions.  The positions that you posted have nothing to do with the data you've posted.  If you use positions, you can eliminate the delimiters and the beginning and the end of citations using these positions.

    If your data are not positionnelles and you have quotes in your data in quotes, but you don't have the pipe delimiters in your data, then you can only use the delimiters and trim the quotes start and final data.

    I have demonstrated the two methods below, using test1.ctl for the positional method and test2.ctl for the defined method.

    Scott@orcl12c > host type test.dat

    "04725813" | "aka"Little Will"" | "" 095TDEAN «|» 2013-02-21 - 11.13.44.632000

    "05599076" | "" FIRST NAME - ADDED A 'T' AS ON THE REG MAP | ' 016DDEAL ' |. ' 2014-04-11 - 10.06.35.598000

    Scott@orcl12c > type host test1.ctl

    DOWNLOAD THE DATA

    ADD THE PERSON_MEMO TABLE

    FIELDS TERMINATED BY ' |'

    TRAILING NULLCOLS

    (ID_PERSON POSITION (02:10))

    , TX_MEMO POSITION (14:59)

    POSITION ID_USER (63:82)

    , TM_STAMP POSITION (85:110) EXTERNAL INTEGER (26) ' DECODE (: TM_STAMP, NULL, NULL,).

    TO_TIMESTAMP (: TM_STAMP, ' YYYY-MM-DD - HH24.MI.) SS. "(FF')).

    )

    Scott@orcl12c > type host test2.ctl

    DOWNLOAD THE DATA

    ADD THE PERSON_MEMO TABLE

    FIELDS TERMINATED BY ' |'

    TRAILING NULLCOLS

    (ID_PERSON "TRIM ("------"" FROM: ID_PERSON ")")

    , TX_MEMO CHAR (1000) "TRIM ("------"" FROM: TX_MEMO ").

    , ID_USER "TRIM ("------"" FROM: ID_USER ").

    , TM_STAMP INTEGER EXTERNAL (26) ' DECODE (: TM_STAMP, NULL, NULL,).

    TO_TIMESTAMP (: TM_STAMP, ' YYYY-MM-DD - HH24.MI.) SS. "(FF')).

    )

    Scott@orcl12c > create table person_memo

    2 (ID_PERSON VARCHAR2 (9 bytes)

    3, TX_MEMO VARCHAR2 (1000 bytes)

    4, ID_USER VARCHAR2 (20 bytes)

    5, TM_STAMP TIMESTAMP (6))

    6.

    Table created.

    Scott@orcl12c > host sqlldr scott/tiger control = test1.ctl data = test.dat log = test1.log

    SQL * Loader: release 12.1.0.1.0 - Production Thursday, May 15, 10:53:11-2014

    Copyright (c) 1982, 2013, Oracle and/or its affiliates.  All rights reserved.

    Path used: classics

    Commit the point reached - the number of logical records 2

    Table PERSON_MEMO:

    2 rows loaded successfully.

    Check the log file:

    test1.log

    For more information on the charge.

    Scott@orcl12c > select * from person_memo

    2.

    ID_PERSON

    ---------

    TX_MEMO

    --------------------------------------------------------------------------------

    ID_USER

    --------------------

    TM_STAMP

    ---------------------------------------------------------------------------

    04725813

    aka "Little Will"

    095TDEAN

    21 FEBRUARY 13 11.13.44.632000 AM

    05599076

    FIRST NAME - ADDED A 'T' AS ON THE REG MAP

    016DDEAL

    11 APRIL 14 10.06.35.598000 AM

    2 selected lines.

    Scott@orcl12c > truncate table person_memo

    2.

    Table truncated.

    Scott@orcl12c > host sqlldr scott/tiger control = test2.ctl data = test.dat log = test2.log

    SQL * Loader: release 12.1.0.1.0 - Production Thursday, May 15, 10:53:11-2014

    Copyright (c) 1982, 2013, Oracle and/or its affiliates.  All rights reserved.

    Path used: classics

    Commit the point reached - the number of logical records 2

    Table PERSON_MEMO:

    2 rows loaded successfully.

    Check the log file:

    test2.log

    For more information on the charge.

    Scott@orcl12c > select * from person_memo

    2.

    ID_PERSON

    ---------

    TX_MEMO

    --------------------------------------------------------------------------------

    ID_USER

    --------------------

    TM_STAMP

    ---------------------------------------------------------------------------

    04725813

    aka "Little Will"

    095TDEAN

    21 FEBRUARY 13 11.13.44.632000 AM

    05599076

    FIRST NAME - ADDED A 'T' AS ON THE REG MAP

    016DDEAL

    11 APRIL 14 10.06.35.598000 AM

    2 selected lines.

Maybe you are looking for