CSS problem in IE6

Hi,
Anybody have IE6 somewhere? I just heard my content is
screwing up - main content is pushed down below the sidebars. Looks
fine across all new browsers. Some kind of float clear thing?
www.ecmagazine.net
Gotta clue? Thanks, ttt

Your page deserves comment for a number of reasons.
First, you have used hacks to fix the box model problem in
IE, but on a page
with a valid and complete doctype as you have, you do not
need these.
Second, you have used an XHTML doctype, yet your code syntax
is not
following XHTML standards, e.g.,
<td width="395" bgcolor="#f4f4f4"><font face="Arial"
size="2">Name:<br>
Further, the use of <font> tags is invalid in any XHTML
doctype.
Third, your Library item insert is not properly made. It
contains both
javascript and CSS, neither of which should be present in a
properly made
Library item. Once the Library item has been made, you cannot
add either
styling or behaviors which is what you have done here.
Fourth, you have a spurious doctype in the middle of your
document -
<p align="left"><a href="March
09/images/SandColicRoll.jpg"><img src="March
09/images/SandColicRolltn.jpg" alt="" width="140"
height="113" /></a>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN"><strong>Preventing Sand Colic
</strong> <em>by Sandi Lieb,
PhD<br />
</em>
How did that get there? And a following </em> tag?
Ouch.
Fifth, you have multiple closing </form> tags -
</div>
<input type="hidden" value="True"
name="NameFieldRequired">
<input type="hidden" name="JoinType" value="Check">
<input type="hidden" name="IDList" value="324,325">
<input type="hidden"
value="764a39f1-23f0-435b-8248-8892b7207136"
name="SID">
<input type="hidden" name="SendConfirmation"
value="False">
<input type="hidden"
name="UpdateSubscriptionsIfEmailExists" value="True">
<input type="hidden" name="SendSuccessfulOptInMessage"
value="True">
</form>
</div>
<input type="hidden" value="True"
name="NameFieldRequired">
<input type="hidden" value="IPAddress" name="Password">
<input type="hidden" name="JoinType" value="Check">
<input type="hidden" name="IDList" value="316">
<input type="hidden"
value="764a39f1-23f0-435b-8248-8892b7207136"
name="SID">
<input type="hidden" name="SendConfirmation"
value="False">
<input type="hidden"
name="UpdateSubscriptionsIfEmailExists" value="True">
<input type="hidden" name="SendSuccessfulOptInMessage"
value="True">
</form> </div>
How did that happen?
Please fix those things before worrying further about layout
issues.
You can see the whole gory list here -
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.ecmagazine.net%2F
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"templemedia37" <[email protected]> wrote in
message
news:[email protected]...
> Hi,
>
> Anybody have IE6 somewhere? I just heard my content is
screwing up - main
> content is pushed down below the sidebars. Looks fine
across all new
> browsers.
> Some kind of float clear thing?
>
>
http://www.ecmagazine.net
>
> Gotta clue? Thanks, ttt
>
>

Similar Messages

CSS problem in IE6 - please help

Hi,
I created a sprite navigation and everything looks great. Until someone I know who still uses IE6 says it was all out of whack. This site has to look good in IE6. I have absolutely no idea where the problem is.
I was hopeing someone can give me some advice?
The page is here:
http://www.hauppauge.com/index_sprite-nav.htmCSS here:
nav-sprite-styles.cssThanks for any help you can give me!

Start by fixing the code errors.
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
HTML & CSS Tutorials - http://w3schools.com/
CSS shorthand might be worth learning, too.
http://www.dustindiaz.com/css-shorthand/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Problems with ie6

Hi,
i develop page with visual web pack, it contain many buttons with actions etc.
it work fine with ie7 and firefox but have problems with ie6, sometimes i click the button i see the progrss bar of the browser but it does not occur anything, sometimes i click three or four times and in the next it works, sometimes i click another button and it return the result of two action, sometimes nothing change
this occur with all buttons or submitted value of checkbox for example
i have ie version : 6.0.2900.2180.xsp_sp2_qfe.070227-2300
Walid

In addition to what Elizabeth said, you have a ton of HTML errors of bad tags and other issues which could cause serious issues in the way your site is viewed and functions:
http://validator.w3.org/
Your CSS is fairly valid. Only one problem. Anything element that is floated MUST have a width declared to be valid:
http://jigsaw.w3.org/css-validator/

Css problem in internet explorer

Hi to all!
On my page as part of the page template I have build in a little drop-down user panel on the left top of the page.
html:<div id="userpanel">
<span><img src="'#APP_IMAGES#openSlidedown.png" /> <a>logon: &APP_USER.</a>
<div id="userpanel_hsreg"><p>Autorisiert für: &APP_CODES_DISP.</p>
<p>| #NAVIGATION_BAR#</p>
</div></span>
</div>css:#userpanel,
#userpanel * {
        position:relative;
     font-family:verdana; font-size:12px;
     margin:0; padding:1px; border:0;
     white-space:nowrap;
#userpanel a,
#userpanel span { display:inline-block; }
#userpanel>span>a { color:#999; }
#userpanel span:hover div { display:block; }
#userpanel>span:hover > a { color:black; }
#userpanel_hsreg {
          display:none;
          position:absolute;
          left:+5px;
          top:+24px;
          background:#fff;
          padding:10px 18px;
          line-height:180%;
          border:1px solid silver;
          border-radius: 6px;
          box-shadow:1px 2px 5px #aaa;
          z-index:99;
#userpanel>span>a {
          border-bottom:1px solid silver;
          margin-top: 5px;
          }So what happens is this: if the user hovers over the "+logon: username+", a little box pops up with some further information (the item &APP_CODES_DISP.) and the logout-link. Below this link, the Navigation bar starts. So while the box pops up, it covers a part of the region below, what its meant to do.
The promlem is, that this doesnt work in Internet Explorer properly, when its launched from apex. Instead, the popup-box is displayed behind the region below. In Mozilla, as always, everything worls fine. This problem ocured already, when I opened the html-file from desktop, but I fixed that by putting the z-index-attribute in. Only now, in Apex, its still now working in IE. I am not that of an expert in css. I have tried different XHTML declarations in the header, all no difference.
The current one:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">This might be a bit of a tricky issue, so I dearly hope, someone can help me. (Similar problem like the other threat I started recently here where the round-corner attribute is not working in IE-Apex, but this time its a bit more vital. :) )
I have v 4.0.2.
Thanks and greetings,
tobi

Hi again!
This turns out not to be an APEX-issue, as I tought first, but rather a css-problem. Maybe therefore I'm in the wrong forum, but maybe someone can help me anyway.
I have created two pages with the relevant element: (login with test/test please) one page with standard tabs and another with my own html-navigation. Now Internet Explorer has the option "Compatibility View" which in our company is activated by default. On page 1 it makes no difference, but on the second, with Compatibility View on, the drop-down box apeares behind my selfimplemented navigation bar. WHY IN GODS NAME DOES THIS HAPPEN??
I have posted the same question in a german web-developer forum (here) also, because its quite urgent that I solve this, and as I mentioned above, many colleagues work with IE.
So if anyone here is a css-IE9-expert... :)
Thanks and best regards,
Tobi
edit: ok, its solved. The userpanel-div needed a "z-index:1;" attribute for IE. :)
Edited by: tpetri on 03.09.2012 09:53

Yes another strange IE CSS problem

Hi all,
I was wondering if some kind soul could help me work out
hopefully my last CSS problem. If you look at my site:
http://www.aclighting.com/shop/
in IE you will see a light blue line at the bottom of the left hand
side navigation menu. In Firefox and other browsers it isn't there,
they are behaving, but I can't work out why IE is showing that
there.
This is the HTML
Class mid is what shows the blue line.
#shop #content-wrapper #menu .mid {
background: url(/images/menu_div.gif) no-repeat left top;
padding-top: 9px;
padding-left: 5px;
color: #FFFFFF;
font-weight: bold;
font-size: 100%;
I don't understand why its showing near the botton in IE.
Steve

Doooza wrote:
> Hi all,
> I was wondering if some kind soul could help me work out
hopefully my last CSS
> problem. If you look at my site:
http://www.aclighting.com/shop/
in IE you will
> see a light blue line at the bottom of the left hand
side navigation menu. In
> Firefox and other browsers it isn't there, they are
behaving, but I can't work
> out why IE is showing that there.
> I don't understand why its showing near the botton in
IE.
Its on you background image?
http://www.aclighting.com/images/menu_bottom.gif
IE is probably making a container slightly higher for some
reason and
therefore shows more of te background image.
Just use a 'dedicatted' background image minus the blue line

Possible CSS problem?

Hi All,
I am in the process of making a website for a friend, when I ran into what looks like a css problem.
I purchased the css file in a template from a guy who does tutorials on youtube, I have contacted him on several occasions but his customer service is pretty awful and he hasn't replied to any contact.
When using a mobile or tablet to view the website the header and footer area is pushed to the left. (please see attached image)
I added 100% to the following containers but still it never changed them.
#header-wrapper
#footer-content-wrapper
#footer
If I change the widths to 1000px then it sorts it out for the mobile view but then the website on a pc/laptop is distorted.
the website can be found at www.leightonsterling.com
Thankyou in advance.

There's nothing wrong with your site. That's exactly what fixed-width, centered layouts do in smaller displays. They move to the left. If you want a responsive web site that adjusts to mobile and tablet device widths, you need a Responsive Layout.
Look at FluidGrid Layouts in Dreamweaver CS6 & CC. Or use one of the following Responsive Frameworks to jump start your project.
Project Seven's Page Packs (commercial CSS Templates, Widgets & Extensions for DW)
http://www.projectseven.com/products/templates/index.htm
Excellent products, excellent customer support. A+++
Foundation Zurb
http://foundation.zurb.com/templates.php
Skeleton Boilerplate
http://www.getskeleton.com/
Initializr (HTML5 Boilerplate, Responsive or Bootstrap)
http://www.initializr.com/
DMX Zone's Bootstrap extension for DW
http://www.dmxzone.com/go/21759/dmxzone-bootstrap/
Fluid Grid Layouts in CS6
http://tv.adobe.com/watch/digital-design-cs6/creating-adaptive-designs-using-fluid-grid-la youts-in-dreamweaver-cs6/
Nancy O.

CSS and DIV alignment problem in IE6

I am working on a new site based on a DW template. I have
modified the right layout slightly for a flash header and also for
a footer div. I am also using alternate CSS files to fix IE6
display problems.
The site looks correct in IE7 and Safari, but in IE6
something is causing the right DIV to collapse. I have tried
adjusting the padding and margins for the divs in the alternate css
file several times with different results.
Does anyone have suggestions on how to correct this that I
might be overlooking.
site can be viewed at
http://www.lasnapshotz.com
Thanks in advance.

Sorry typed the link wrong originally. Here is the real link:
http://www.lasnapshotz.com

Css problem in spry gallery demo, ie "doubled margin" for thumbnails

http://labs.adobe.com/technologies/spry/demos/gallery/
View page in both Firefox and IE6. Note that in Internet
Explorer (Windows), the margin on the left is double that of the
same in Firefox. This is a well-documented IE CSS issue that occurs
when a floated element also has margin set on the side to which it
is floated, as in float:left; margin:5px;
It's an issue when the margin is such that it causes wrapping
within the thumbnails parent container... in IE browsers.
Add display:inline to the #thumbnails div rule to correct the
problem.
Just FYI.
Donna Casey

Thanks Donna! The fix will appear in the next drop.
--== Kin ==--

Show/Hide Divs Problem in IE6

Hello, and thanks for taking a look at this.
I have inherited a web site which isn't performing very well in IE6, more details later. The setup is as follows:
The website delivers training content. The design is such that there are no scrollbars, all Lesson content is laid out carefully within a 'page' area and the user clicks a Next or Previous button to page through the content.
Each Lesson is a single HTML file which is designed and edited in Dreamweaver CS5. All the Lesson pages are based upon a single Template file which defines the common functionality. The Lesson content is basically a series of Divs, a Div for each 'page' of content and each have a unique id (for example 'page2'). Each Div has a CSS Class which defines the 'display' property. The CSS Classes are as follows:
.hideDiv{
     display:none;
.showDiv{
     display: inline;
Initially the first Div in the Lesson is set to .showDiv and all of the following Divs are set to .hideDiv.
The navigation is designed in Flash and the Next and Previous buttons are situated below the content area. When clicked a Javascript function is called, from a Javascript file referenced by the Lesson HTML page. The javascript function is as follows:
function hideShow(hideDiv, showDiv){
     if(document.getElementById(hideDiv)!=null){
          document.getElementById(hideDiv).className = "hideDiv clear";
     if(document.getElementById(showDiv)!=null){
     document.getElementById(showDiv).className = "showDiv clear";
It has to be said that everything works. There is further code which accounts for reaching the last page or trying to click previous on the first page etc, but this is the core principal.
Our problem is that our users have to use IE6 and when viewing the website in IE6 it is much slower than in say IE8 or Safari etc. We have noticed that as the number of pages (Divs) in a Lesson increases so the performance decreases. Crucially we notice that as you click Next, or previous, the browser Status Bar indicates that all of the images in the Lesson are being downloaded. Every time you click Next or Previous!
If anyone can either assist in preventing all of the images constantly downloading, or suggest an alternative approach to paging through the content I would be extremely grateful.
Regards
Chris

Hello Murray
Thanks for going to the trouble of creating the little test site.
Other browsers appear to load the pages much quicker. This may be because they are able to more inteligently handle our code, I don't know. Safari on our Macs zooms through it.
In IE6 if I open a large Lesson and click next I see, at the bottom of the screen in the Status Bar, "(21 items remaining)" and then "(20 items remaining)" etc. which counts down and then disappears. Interestingly if the next screen happens to display the same image this does not happen, just the message "Done". If the next screen has a different image then the count down from "(21 items remaining)" again as all the linked resources (I presume) are downloaded.
I have opened your site in IE6 (Windows XP Pro) and I don't see the message. However the image is so small that I may not because it is so fast to load.
It may be related to how IE6 handles Temporary Internet Files, I'm not sure.

Half-loaded page problem in IE6 (solved)

Hello,
I had a strange problem where the CSS page would only
half-load only on some computers and only sometimes (all under
IE6). When this problem occured, everything after the Flash content
(integrated in a container layer using SWF object) would not load.
The SWF is light (59 KB) but large in size (776 x 268 px). Another
problem was that the CSS navbar could not display on top of the
Flash (even though I used the opaque then transparency wmode and
set the z-index, the DTD being XHTML transitional). I noticed that
when the visibility of the Flash container layer was set to hidden,
the page would load without any problem. So I decided to set the
visibility to hidden at start and use setInterval() in Javascript
in order to set the visibility to visible after a few seconds, and
it worked ! We no longer have loading problems.
<%
// ASP browser detection
var oUserAgent = Request.ServerVariables("HTTP_USER_AGENT");
var sUserAgent = oUserAgent.Count() ? oUserAgent.Item(1) :
var ie6 = (sUserAgent.indexOf("MSIE 6.0")!=-1);
%>
<script language="javascript">

</script>
<div id="flashmap" <% if (ie6){
%>style="visibility:hidden;"<% } %>></div>
<script language="javascript">

</script>
NB: this problem did not occur in IE7, Firefox (Mac/PC),
Safari nor Opera
Best regards,
Karl Sigiscar.

I will take a look at the classnames.
any ideas why it is making your FF (local) hang? I have not
had any issues
with this on my IE6 or FF (local and non local)?
thanks
"Loco-Motive" <[email protected]> wrote in
message
news:flj1rb$il5$[email protected]..
> Hi B,
>
> This was a tough one :)
> But i like a challenge ;)
> After some local testing i found out that is has to do
with the Classnames
> having "-" in them and thats an illegal character for
classnames.
> IE 7 deals with it i reccon but IE 6 doesn't.
>
> so replace the "-"'s in the classnames with "_" and it
will work like u
> want
> it to.
>
> and btw your website makes my FF hang even locally :S
> Greetz,
> Superficial.
>

Css problem in media for ipod and mobile

I have a problem applying code for a menu on a webpage.
I have posted the site example on www.tdrd.karoo.net
and the complete zip at www.tdrd.karoo.net/index.zip
I have applied the effect fine for the Full screen model media section of responsive.css but when I try to tailor the menu for the smaller resolutions it is only adjusting it for the full screen version.
I have applied the middle resolution in the example uploaded but for some reason it is not applying it to the model.
Please can anyone shed light as why this could be - the clue has to be somewhere in the nav section of the css....
Thank you
Terry

Cut/paste in new Dreaweaver document, view in browser.
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<title>Naeci Payroll</title>
<script src="http://www.tdrd.karoo.net/js/jquery1-7-2.min.js"></script>
<script src="http://www.tdrd.karoo.net/js/respond.min.js"></script>
<script>
$(function() {
var pull         = $('#pull');
menu         = $('nav ul');
menuHeight    = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
</script>
<script>
window.onload=
window.onresize=function(){
var width = document.getElementById('header').offsetWidth;
document.getElementById('header').style.height = width*22/100 + 'px'
</script>
<style>
    @charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
img, object, embed, video {
    max-width: 100%;
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
    width:100%;
    Dreamweaver Fluid Grid Properties
    dw-num-cols-mobile:        5;
    dw-num-cols-tablet:        8;
    dw-num-cols-desktop:    12;
    dw-gutter-percentage:    10;
/* Mobile Layout: 480px and below. */
.gridContainer {
    margin-left: auto;
    margin-right: auto;
    width: 98.1818%;
    padding-left: 0.909%;
    padding-right: 0.909%;
#header {
position:relative;
background: url(http://www.tdrd.karoo.net/img/refinery.jpg);
background-size: 100% 100%;
nav {
display: block;
width: 100%;
background: #455868;
font-size: 11pt;
font-family: 'PT Sans', Arial, sans-serif;
font-weight: bold;
nav ul {
padding: 0;
margin: 0;
width: 100%;
nav li {
padding: 0;
margin: 0;
list-style: none;
nav a {
color: #fff;
display: block;
padding: 0 0 0 15px;
border-bottom: 1px dotted #fff;
width: 100%;
text-decoration: none;
line-height: 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
nav li:last-child a {
    border-bottom: none;
nav a:hover {
    color: #FFF;
    background-color: #8c99a4;
nav ul {
display: none;
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
/* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
/* nav styles */
nav {
clear: both;
overflow: hidden;
nav li {
display: inline;
float: left;
width: 20%;
nav a {
color: #fff;
display: block;
border-bottom: 0;
text-align: center;
border-right: 1px solid #576979;
nav li:last-child a {
border-right: none;
nav ul {
display: block;
nav a#pull {
    display: none;
</style>
</head>
<body>
<div class="gridContainer clearfix">
<div id="header">
<div class="content"> </div>
</div>

<nav>
<a href="#" id="pull">Menu</a>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contract History</a></li>
<li><a href="#">Curriculum Vitae</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</nav>
</div>

</body>
</html>

Background image display problem in IE6

I'm having another problem with my CSS. This one involves some background images not displaying properly in IE6. My navbar is an unordered list, and I'm using an image replacement technique to swap out the text for background images that serve as the buttons. The height of each button is 12 pixels, and the rollover is created by offsetting the image -12 pixels to reveal the bottom half of the image. So far so good. The images appear in all browsers, but IE6 displays more than 12 pixels of the image, revealing part of the rollover below it.
Here's the page in question: http://www.colbydesign.com/redesign/index.html
Here's a screen shot from BrowserLab of how the page looks in IE6: http://www.colbydesign.com/redesign/images/ie6_screenshot.jpg
The <ul> height and image height are set to 12 pixels. I can't figure out why IE6 has a problem with the CSS. Maybe there's an IE6 hack I can use? Any help would be appreciated.
Thanks,
R-Co

I didn't have a chance to work through the whole problem, but I believe that the font size of your "off-screen" menu text is pushing down the size of your ul and your li, as I see "overflow" outlines on that specific div.
Try giving those items #header h1 a, specifically, a smaller defined font size.
Alternatively, try applying an "overflow: hidden;" to the hover definition.
Beth

Windows 8 and CSS problems (FF 16 & 17)

I just got a brand spanking new Win 8 computer (intl English). The only things installed on it are Adobe Master's Collection, Steam, Office and Firefox. In addition I tried installing adblocker, because that's a must for me and if this problem is resolved by removing it I will have to switch to another browser.
Now, the problem is that FF is having problems loading pages with CSS. Occasionally, this results in a pages with nothing at all (except background color, it seems) or with just unformatted text. Most of the time this is fixed by doing a shift+reload, but not always. Some times it's just partially fixed and some elements don't load still.
I've tried disabling all extensions and plugins and I've also tried resetting FF. The problem always comes back. I've even tried resetting my hosts file.
Do you have any more ways of fixing it? I believe I've done everything in my power, except change browsers (which I really don't want to do unless it's my only option).
The only thing I haven't tried, which I'll try now, is unpin all my app tabs and see if that fixes anything. I'll update this if I can...
Pages affected: Facebook (some of the time), Couch Potato (installed on my server - never seen this on other computers or even other browsers on my computer, always), MyFitnessPal (occasionally), and some low-tech dating page I'm on.
Cheers,
Lars

So, it still happens with a new an clean profile without extensions?
In that case you may have security software (firewall, anti-virus) that block some content.
You can reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.
*Press and hold Shift and left-click the Reload button.
*Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
*Press "Command + Shift + R" (MAC)
You can also try to use the Web Console (Web Developer > Web Console;Ctrl+Shift+K) to see if you can identify network related issues.
*https://developer.mozilla.org/en/Tools/Web_Console
*https://developer.mozilla.org/en/Using_the_Web_Console

CSS layout and IE6 suddenly gone wrong

Hi
I have been working on a site, unfortunately I diont have a
copy of IE6 but looked great in IE7 and FF, checked through
development in IE6 when i had the opportunity, suddenly at the last
hurdle it seems to have gone terribly wrong and I have no idea why
I have been trouble shooting for some time now and I cant seem tio
come up with an answer.
So if anyone can help I would be very grateful. The url :
http://www.blanc-wall.co.uk/sitefiles/index.htm
The left hand div seems to be the source of all errors I dont
know why, as is pretty much the same as the right hand div and that
renders fine.
Help!
Many Thanks
Andy

andy_forbes wrote:
> Hi
> I have been working on a site, unfortunately I diont
have a copy of IE6 but
> looked great in IE7 and FF, checked through development
in IE6 when i had the
> opportunity, suddenly at the last hurdle it seems to
have gone terribly wrong
> and I have no idea why I have been trouble shooting for
some time now and I
> cant seem tio come up with an answer.
> So if anyone can help I would be very grateful. The url
>
http://www.blanc-wall.co.uk/sitefiles/index.htm
> The left hand div seems to be the source of all errors I
dont know why, as is
> pretty much the same as the right hand div and that
renders fine.
I can identify the issues but I don't know how to fix one of
them. The
way you have constructed the page isn't exactly the way I
would go about
doing it.
Issue 1: The divLeft is inheriting the margin-left: 200px;
from the
divCenter css, which results in flinging it to the left in
IE6. I don't
know the solution to this one, someone else may well do as it
seems to
be an IE 6 bug of some kind.
Issue 2: You can close up the space between the links by
giving IE6 a
conditional comment. The space bug on the 'a' tag in that
browser is
well documented.

Problem with ie6 displaying different to every other browser

I have just created my website and after testing with all browsers except (stupidly) ie6 it all works fine but for some reason in ie6 it displays incorrectly on this page http://www.flitecarz.co.uk/WD-Postcodes-Covered.html the part with the problem is on the right hand side where there is a quick navigation to different postcode areas. If you view it in any browser except ie6 you will see how its supposed to work.
If anyone can give me any help with this I will be forever in your debt as I have been racking my brains about this all day and I cant seem to find a soloution.
Any help with be greatly received.

Hello Nessa,
here is another argument why you don't need to mourn about a possible bad presentation in this old IE6 Browser. This browser - you can say - is no longer in use. The spread is, the statistics shows it, very very low. The attached analysis from
http://gs.statcounter.com/#browser_version-ww-monthly-201201-201202-bar
shows this clearly.
And as we already said, your website looks very well in contemporary browsers.
Don't worry, ...
Hans-Günter

CSS problem in IE6

Similar Messages

Maybe you are looking for