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/?0Widgets 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!
{#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 PicUpdateSven 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;
}
-
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
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?
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;
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.
-
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:
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...
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.
-
SQL loader, problem with the POSITION &; 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_PERSON VARCHAR2 (9 bytes) TX_MEMO VARCHAR2 (1000 bytes) ID_USER VARCHAR2 (20 bytes) TM_STAMP TIMESTAMP (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
-
Reg DAQ module: very Urgent
Hello I would like to ask a few questions related to the products OR.We will design a system to measure the movements of the throat and the abdomen using accelerometer 3 axes. To do this, we have 3 ideas to design the same. Of these, we preferred the
-
Unable to use power options icon of in Control Panel (xp)
My friend has an Acer laptop running on Windows XP. However, after clicking on the 'power options' icon in the Control Panel, it does nothing. That's happened? I can manually download and reinstall something rather than having to perform a system res
-
I need to get with the technology that I've worked with, I've lost the email with the details
I lost the e-mail that microsoft technology sent me to return with him if the problem is still how to find him once again, I have the reference number
-
window does not pass the validation Build 6002
I have what is clearly a common problem. My 4 year old computer with Windows Vista Home Premium Dell started man me messages that the installed version of Windows is not valid. Here's what I did to try to find the cause. Please tell me how to solv
-
PLEASE WAIT, BLUE SCREEN, Windows once connected on the new Inspiron 7537 8.1
Hi, this is my head. I have a new (less a week old) 15 inch 7000 series laptop PC with Windows 8.1 pre-installed by Dell UK. A day after use, I start getting a blue screen that just overlap the start screen (and everything what I am trying to access)