IE6 and IE7 do not like my position absolute DIV tag

Similar Questions

• Need help for debugging CSS for IE6 and IE7

  I'd appreciate anyone with a bit of free time to give another pair of eyes. I tried a number of hacks found on this forum and other places to ensure that IE plays well with this site of two columns, I've been thinking, but according to BrowserLabs, there are still problems with IE6 and IE7. Naturally, all other browsers, including IE8 (!), goes as planned.

  The initial attempt, I settled on is here: http://www.patriciayoungquist.com/pages/public/welcome.html . (This page is representative, as all other internal pages are built the same way.) According to BrowserLabs, pageContent and copyright divs rather than show beside and below (respectively) drop-in IE6 and IE7. I still think there's a simple solution here, but I was not able to hit on him

  So I started a new model and CSS to see if I could work out another way and came with http://www.patriciayoungquist.com/pages/test/PYPAtemplate.html . Curiously, this still works in all and now works in IE6 but not in IE7. In IE7, the sidebar is displayed on top of the pageContent.

  I don't know there is something obvious that I'm missing. Work in CS4, and I know the pages validate. So, if anyone has any suggestions, I'd like to try.

  Thank you

  Chris

  Using your first link as an example, I see several things that are not fair.

  (1) do not use positioning.  For the majority of your layout of the site, you must use default CSS that is not positioning at all.

  (2) a fixed positioning does not work in older IE on any container except the body.  It's playing havoc with your left sidebar.  Solution is to remove position: fixed and replace by float: left.  In addition, you may need to add a clearing for your footer float.

  (3) height is a restriction.  Remove height of containers with text in them.

  (4) to align elements on the page, use the margins, padding, or floats - not absolute, fixed or relative positioning.

  Learn CSS positioning in 10 easy steps-
  http://www.Barelyfitz.com/screencast/HTML-training/CSS/positioning/

  Float tutorials-

  http://CSS.maxdesign.com.au/Floatutorial/

  Nancy O.
  ALT-Web Design & Publishing
  Web | Graphics | Print | Media specialists
  http://ALT-Web.com/
  http://Twitter.com/ALTWEB

• Menu bar moves to the right in IE6 and IE7

  Hello, my name is Stephen and a site I worked on is having problems of compatibility with IE6 and IE7. It could very well have problems of compatibility with other browsers as well, but I work in newer versions of IE, Mozilla, Safari, and Chrome.

  My problem is that the navigation at the top of my screen bar moves to the right, off the page, when there should be balance.

  I use Dreamweaver CS5.

  The Web site can be found at http://www.dremata.com

  It is currently under construction, but you should be able to see the line menu bar.

  Here is a screenshot of the page rendered in IE7, with the wrong menu bar on the right:

  

  And behold, it is correctly aligned in IE8:

  

  Below, I've posted my CSS and welcome, opinions, critical and all your comments. My knowledge on HTML, CSS and using Dreamweaver is incredibly limited. All that I know is a mixture of self-taught and a course I took in high school. I try to learn as much as I can, so don't hold back. I have tried countless hours to get this menu bar for centering in IE6 and 7 and have applied the techniques I've read on (something hasLayout and floats compensation), but nothing helped. It is too frustrating to work more, so I hope someone can help me, lol.

  @charset "utf-8";

  {body

  background-color: #FFF;

  Color: #000;

  font:90%/1.4 Arial, Helvetica, without serif;

  }

  
  

  H1, h2 {}

  Color: #333;

  Auto margin: 0;

  padding: 0;

  }

  
  

  H3, h4 {}

  color: #696;

  Auto margin: 0;

  padding: 0;

  }

  
  

  {.menubar}

  width: 960px;

  zoom: 1;

  * display: inline;

  _height: 20px;

  }

  
  

  . MenuBar ul {}

  width: 960px;

  list-style-type: none;

  zoom: 1;

  * display: inline;

  _height: 20px;

  }

  
  

  .sidebar ul ul {} information

  border: 0;

  margin: 0;

  padding: 0;

  list-style-type: none;

  text-align: center;

  }

  
  

  . MenuBar ul li {}

  display: inline;

  zoom: 1;

  * display: inline;

  _height: 20px;

  }

  
  

  .sidebar ul li ul li {} information

  display: block;

  text-align: center;

  padding: 0;

  margin: 0;

  }

  
  

  . MenuBar ul li a {}

  background: #fff;

  width: 100px;

  height: 20px;

  border-top: 1px solid #CCC;

  border-left: 1px solid #CCC;

  border-bottom: 1px solid #CCC;

  border-right: 1px solid #CCC;

  color: #000;

  text-decoration: none;

  display: inline-block;

  text-align: center;

  police: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida without serif.

  zoom: 1;

  * display: inline;

  _height: 20px;

  }

  
  

  .sidebar ul li a, any ul li {}

  background: #fff;

  width: 175px;

  height: 25px;

  border-top: 1px solid #CCC;

  border-left: 1px solid #CCC;

  border-bottom: 1px solid #CCC;

  border-right: 1px solid #CCC;

  padding: 0;

  margin: 0 10px 0 0;

  color: #000;

  text-decoration: none;

  display: block;

  text-align: center;

  police: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida without serif.

  }

  
  

  .sidebar ul li a: hover, any ul li a: hover, .menubar ul li a: hover {}

  color: #FFF;

  background: #B1CAAE;

  }

  
  

  body #one a {#onenav

  color: #FFF;

  background: #696;

  }

  
  

  an img {}

  border-color: #000;

  }

  
  

  . Header {}

  Background: #FFF;

  Auto margin: 0;

  text-align: right;

  Width: 960px;

  }

  
  

  . Header p {}

  Auto margin: 0;

  padding: 0;

  text-align: right;

  }

  
  

  . Container {}

  Auto margin: 0;

  Width: 980px;

  }

  
  

  {.box1}

  Background: #FFF;

  margin: 0px 0px 10px 0;

  padding: 10px;

  Width: 960px;

  -moz-border-radius: 6px;

  -webkit-border-radius: 6px;

  border-radius: 6px;

  border-top: 1px solid #CCC;

  border-left: 1px solid #CCC;

  border-bottom: 1px solid #CCC;

  border-right: 1px solid #CCC;

  }

  
  

  . Sidebar {}

  Background: #FFF;

  Color: #000;

  float: left;

  Auto margin: 0;

  padding: 0px;

  Width: 180px;

  }

  
  

  {information

  Background: #FFF;

  float: right;

  Auto margin: 0;

  padding: 0px;

  Width: 180px;

  }

  
  

  {.box2}

  Background: #FFF;

  Auto margin: 0;

  Width: 960px;

  }

  
  

  .footer {}

  background-color: #FFF;

  do-size: 12px;

  Auto margin: 0;

  text-align: center;

  Width: 960px;

  padding: 10px;

  -moz-border-radius: 6px;

  -webkit-border-radius: 6px;

  border-radius: 6px;

  }

  
  

  UL, ol, dl {}

  margin: 0;

  padding: 0;

  }

  
  

  #content1, {#content2}

  margin: 5px 200px 200px 0;

  padding: 0;

  Width: 560px;

  }

  
  

  {UL.info168}

  margin left: 186px;

  }

  
  

  {UL.list148}

  margin left: 184px;

  }

  
  

  UL.list148 li {}

  list-style: disc;

  padding: 1px;

  }

  
  

  {UL.list168}

  margin left: 204px.

  }

  
  

  UL.list168 li {}

  list-style: disc;

  padding: 1px;

  }

  {.overview}

  margin left: 265px;

  }

  
  

  {.overviewinfo}

  margin-left: 20px;

  }

  
  

  a: link {}

  color: #696;

  text-decoration: none;

  }

  
  

  a: visited {}

  color: #B1CAAE;

  text-decoration: none;

  }

  
  

  a: hover, a: active, a: {emphasis

  text-decoration: none;

  }

  
  

  {h}

  margin: 5px 5px 0 0;

  color: #CCC;

  }

  
  

  {} .info

  margin: 5px 5px 0 25px;

  }

  Thanks in advance to anyone who can offer help!

  -Stephen

  Add clear: both; in the .menubar css selector.

  HOWEVER, although that will position your navigation inside your page it will still not be rendered exactly the same in IE6 IE7 & as in Firefox, Safari, etc.

  Thick cross-browser I would revise the css for the .menubar .menubar ul, li and css anchor as below (is there no need to use the star or underscore hacks as long)

  {.menubar}
  Width: 960px;
  Clear: both;
  }
  . MenuBar ul {}
  Width: 960px;
  list-style-type: none;
  }
  . MenuBar ul li {}
  float: left;
  margin: 0 0 0 4px;
  }
  . MenuBar ul li a {}
  display: block;
  Background: #fff;
  Width: 100px;
  border: 1px solid #CCC;
  Color: #000;
  text-decoration: none;
  text-align: center;
  Police: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida without serif.
  }

• The difficulty to position a div tag... help!

  Hello

  I can't post a div tag It is with the 3n1 inside logo label. All the other div tags move with a fluid page while this div glue right there in a way that is not elastic. It is created in the same way as the others are. I don't understand! Help, please!

  http://www.kathrynswezydesign.NET/KSwezy_local%20root%20NEW/3n1band.html

  I can't post a div tag It is with the 3n1 inside logo label. All the other div tags move with a fluid page while this div glue right there in a way that is not elastic. It is created in the same way as the others are. I don't understand! Help, please!

  Although it is one absolute positioning like others, his behavior is dictated by its unique position in the code.

  It's the only div outside the div container - which means its parent container is theTag, which means that it moves with the window of the browser.

  It must be inside of the

  who is positioned. Then, it will be constrained by the div container, not the body tag and moves compared to others the divs.

  Change

  
  
  
  
  
  

  TO

  
  
  
  
  

  You will also need to adapt the left coordinate of the div logo to visually match the Interior of the container

  Something like

  {#logoimage}
  height: 198px;
  Width: 192px;
  position: absolute;
  left: 750px; / * adjust according to * /.
  top: 335px;
  }

• I've just updated to firefox 3 and I'm not like the new way of image viewing, is there anyway I can get back to normal?

  Now, the picture is centered with gray background. I want it to be white, and the image at the top left, as it can be. Is it possible to recover this?

  This addon has solved my problem: https://addons.mozilla.org/en-US/firefox/addon/old-default-image-style/

  By displaying an image, I meant just the standalone .jpg, .png, .gif etc...

• My husband installed windows 7 and I don't like it at all. I want to go back to my factory settings and do not know how to do this. Help, please!

  I have a Hewlett Packard and my husband has windows 7 installed top and
  I do not like.  I want to go back to the original settings and I
  don't know nothing about it.  Please help me.

  New computers that come pre-installed with Windows often have what is called a recovery partition. This is used to reinstall an operating system in the case of a system failure. To access it, you need to start when you start your computer by pressing a function key. This can be either F1, F2, F9, F10, F11, F12 key DEL or tab. See the manual that came with your PC for instructions on how to reinstall Windows.

  This is how the recovery partition is available for the most popular brands

  For Dell, press CTRL + F11 directly after switching on the device

  For HP, press F11 directly after switching on the device

  For Toshiba, press and hold "0" BEFORE and during the power upward

  For Acer, press and hold ALT + F10, as soon as you see the logo

  For Asus, press F9, as soon as you see the Asus logo.

  Advent, restart your computer. Then, press F10 repeatedly until the message "Starting system recovery"

• Question about not like operator

  Hello
  
  
  This where clause omitting ABC%, but I wanted to exclude certain conditions I want my sql to return the column NAME = "ABCD", but exclude any other "ABC%".
  How can I fix it?
  
  WHERE COLUMN NAME NOT LIKE 'ABC % '.
  AND COLUMN NAME NOT LIKE 'ABC% '.
  AND COLUMN NAME NOT LIKE '% XYZ '.
  AND COLUMN NAME NOT LIKE '% XYZ '.
  
  Expected result:
  ABCD
  ABDELKADER
  BENAMER
  etc.

  Hello

  Here's one way:

  WHERE   COLUMNA NOT LIKE '%ABC'
  AND      (   COLUMNA NOT LIKE 'ABC%'
       OR  COLUMNA  =          'ABCD'
       )
  AND      COLUMNA NOT LIKE '%XYZ'
  AND      COLUMNA NOT LIKE 'XYZ%' 
  

• iTunes 12.5.1.21 not remember iTunes position and size

  Update iTunes 12.5.1.21.

  Win 10 (v1607) does NOT remember iTunes position and size.

  My system uses two monitors with extended desktop. I would like to put iTunes on the 2 left / top of the page. But after the closure and revival, iTunes always appears in the center of the screen 1 and the original size when updating. She also can't remember the last page of the articles that appeared, for example, Podcasts, applications, etc. When iTunes has been closed. Instead always defaults to the page music.

  Also on launch a screen "Welcome" iTunes with No thanks / OK buttons on bottom is displayed momentarily before displaying the page of music. There is not enough time to read what this screen offers. Looked in the menus to try to find this page to display... no luck.

  Anyone else having these issues?

  Same problem here.  Very annoying.  Each time is like the first time, which is great when you talk about sex, but not when you run iTunes.  All versions up to now has been able to hold its window size and position, but not anymore.  I also find the interface is very slow to boot.

• iphone 6plus is configured to use the position landscape, like previous phones. mine does not change its position when changing phone flattened

  I have an Iphone 6plus will not change the position landscape by turning the phone just like my old 5. This can be corrected.

  Make sure that your phone is not locked in portrait mode.

  Slide upward to access the control center and make sure that the icon with the lock and semi circle is not enabled.

• How to install IE6 on one and IE7 on another Windows Server 2008 R2 standard.

  There are two servers. I need to install IE6 on one and IE7 on another Windows Server 2008 R2 standard. There is no option to delete the current version and downgrade. I tried the steps listed on http://www.enhanceie.com/ua.aspx and it made not usable IE.

  Hello

  Given that the problem is related to Windows Server 2008, I suggest you post this question in the Windows Server Forums.
  http://social.technet.Microsoft.com/forums/en-us/winservergen/threads

• Cisco ASA 8.0.4 AnyConnect works do not with Vista and IE7

  Hello

  I currently have a Cisco ASA 5520 with the latest version of the Software ASA/AMPS/Anyconnect. However I can't get Vista and IE7 to connect using the free client anyconnect VPN error message following appears

  "Setup could not start the Cisco VPN Client".

  Is there a workaround for this.

  Thanks in advance

  Eoin

  I'm glad you got it working :)

  Please evaluate the positions if find you them useful.

  Concerning

  Farrukh

• Do not like and want to go back, or use other products

  Do not like the new Firefox and wants to go back, or use other products such as the chrome

  None of these methods works to open the Options page:

  • button '3-bar' menu > Options
    • Or if you have moved the Toolbar Options, this is the gear icon
  • Tools menu > Options
    • If you do not normally display the menu bar, press the Alt key to temporarily show

  If you get the same error in both directions, your installation of Firefox could be damaged. To do this, I suggest:

  Clean reinstall it

  We use this name, but it isn't about deleting your settings, this is to ensure that the program, files are clean (not incompatible, corrupt or exotic code files). As described below, this process does not disrupt your existing settings. Don't uninstall NOT Firefox, that does not need.

  (A) download a fresh Installer for Firefox 40.0.3 of https://www.mozilla.org/firefox/all/ in an ideal location. (Scroll down your preferred language).

  (B) the release of Firefox (if any).

  (C) to rename the program folder, either:

  (Windows 64-bit folder names)

  C:\Program Files (x86)\Mozilla Firefox
  

  TO

  C:\Program Files (x86)\OldFirefox
  

  (Windows 32-bit folder names)

  C:\Program Files\Mozilla Firefox
  

  TO

  C:\Program Files\OldFirefox
  

  (D) run the installer downloaded to (A). It should automatically connect to your existing settings.

  No improvement with the toolbars?

  Note: Some plugins can only exist in this OldFirefox file. If it is missing something essential, present in these files:

  • \OldFirefox\Plugins
  • \OldFirefox\browser\plugins

• some sites like youtube and hulu do not work on my computer

  some sites like youtube and hulu do not work on my computer, but others are working as yahoo and facebook. the video started working on youtube and then disappear, I don't know why

  Hello

  Try a new installation of the Flash plug-in as follows.

  First, download the Flash uninstall utility on the link below and save it in your downloads folder.

  Flash Player Uninstaller.

  Once the download is complete, close all the browser windows, open your downloads folder and run the program uninstaller.  After this has completed, restart the laptop.

  Then (unless you already have it), download and install Firefox , then using Firefox, download and install the latest version of Adobe Flash. Note: You can deselect the option to include McAfee Security Scan Plus before download. 

  Close all browser windows before you run the installer of Flash.

  Start Firefox and see if the videos etc. play Ok in this browser - if they do, close Firefox, open Internet Explorer and click on the same link Adobe Flash above to get a command prompt to install the ActiveX component.  Once completed, restart Internet Explorer.

  Kind regards

  DP - K

• I did an Adobe account and wish to cancel my purchase I bought on credit card must cancel any emergency not like adobe and you want to cancel as I do?  I am Brazilian and I made this purchase this week please help me cancel this purchase as I branch

  I did an Adobe account and wish to cancel my purchase I bought on credit card must cancel any emergency not like adobe and you want to cancel as I do?

  This is an open forum, not Adobe support... below to connect with Adobe personnel to help

  While the forums are open 24/7 you can't contact Adobe support at any time

  Chat/phone: Mon - Fri 05:00-19:00 (US Pacific Time)<=== note="" days="" and="">

  Don't forget to stay signed with your Adobe ID before accessing the link below

  Creative cloud support (all creative cloud customer service problems)

  http://helpx.Adobe.com/x-productkb/global/service-CCM.html

  or

  Cancel see answer #1 in https://forums.adobe.com/thread/2023066 - includes a link to Chat from Monday to Friday

• Hi, I would like my contract with photoshop and lightroom, it has been a year and I do not want to renew, how do I proceed?

  Hi, I would like my contract with photoshop and lightroom, it has been a year and I do not want to renew, how do I proceed?

  Basically, the contact support as soon as POSSIBLE.

  Cancel your membership Adobe Creative Cloud

  To the link below, click on the still need help? option in the blue box below and choose the option to chat or by phone...

  Make sure that you are logged on the Adobe site, having cookies enabled, clearing your cookie cache.  If he continues to not try to use a different browser.

  https://helpx.Adobe.com/contact.html?step=CCSN_membership-account-payment_cancel-your-memb ership_stillNeedHelp