CSS - Explorer 6 On Windows Xp Bug

Hi All,

We develoepd an Application for a client.

This application uses CSS for all text including drop-down menu text and input box text.

My client is using XP as their OS and he tells me (sent a screen capture as well) he CANNOT read the drop-down boxes. Text is too small.

On our machines (Win 98) there are no problems. Have tested on about 15 different client computers with no problems.

Browser is not an issue as its the same for him on both Netscape and IE.

Does ANYONE have a clue how to fix this? Doesn't seem logical to me - one OS should be the same as the other. However, we're talkin about MS products and who knows with them.

Need urgent help on this one.. please.. anyone with ideas help me!

thanks all.

Peace.

Aaron

My webpage

I posted this awhile back but it was lost in the wrong forum. anyways i need a little help with figuring out why windows displays margins and overall layout incorrectly and/or just differently. I test everything on mozilla, safari, and internet explorer 5.2 on my Apple G4 tower at home. When i typed in my webpage on a windows there were several problems throughout my site.

the biggest things are the blank space off to the right of the vertical navigation menu and the middle footer's blue background is 5px short on the sides. the other thing is especially noticed in my picture galleries -- the DIV that the thumbnails are in creeps up to overlap the text, where on my mac that isn't what's displayed. is there an error in my css that is making this happen? the code is technically correct, but maybe there's a better way for coding a few things.

Thanks,
Amory

CSS Code:
Original - CSS Code #leftSide { position: absolute; height: 100%; width: 155px; top: 0px; left: 0px; background-image: url("../Images/SideImages/left.gif"); background-repeat: repeat-y; z-index: 0; } #rightSide { position: absolute; height: 100%; width: 115px; top: 0px; right: 0px; background-image: url("../Images/SideImages/right.gif"); background-repeat: repeat-y; z-index: 0; }

  

  


 #leftSide {


 position: absolute;


 height: 100%;


 width: 155px;


 top: 0px;


 left: 0px;


 background-image: url("../Images/SideImages/left.gif");


 background-repeat: repeat-y;


 z-index: 0;


  


 }


  


  


  


 #rightSide {


 position: absolute;


 height: 100%;


 width: 115px;


 top: 0px;


 right: 0px;


 background-image: url("../Images/SideImages/right.gif");


 background-repeat: repeat-y;


 z-index: 0;


  


 }


  

In EVERY OTHER BROSWER, that code makes a background repeat. No how in the world do I make IE repeat my background. Is the background-repeat: repeat-y; making the difference?

I hate IE.

Hello,

I am having trouble with some margins in IE 6 windows.

http://designerz-core.com/e/i/

The margin between the left images by the menu, has a 4 pixel or so space in between, which I don't won't. I have applied serveral hacks none of them seem to work for the left margin. By the way I am on a 1024x768 res.

Also in ie 6 the buttons don't seem to notice margin statment in css. It's suppose to be 7px for margin-top.

Can someone that is good at css help?

Hi There

I'd really appreciate some help on this please.

I keep getting a problem on just one PC (my client's!!), where a left hand graphic disappears, but shows up on everyone else's browsers in firefox, opera, IE6 and safari. She's running Windows XP with IE6 and firefox.



Can anyone suggest why the left hand black logo panel does not show up on her system?

Any help would be most appreciated.

Thanks!

Hi guys, I'm new to this forum but the advice looks great - I hope someone can help me out!

I'm having a really weird problem with my CSS in Windows Firefox. Everything displays fine in Mac.Opera, Mac.Firefox, Mac.Safari, Windows.IE7 but doesn't display correctly in Windows.Firefox!

For some reason it's creating a gap between the menu tabs and the line below, it's coming from the padding-bottom of #ddcolortabs a .link which is 3px. However, I need this to create the right spacing between the bottom of the words in the menu and the top of the line.

I'm not allowed to put a URL in this post, which is very annoying! If you think you could help I'll send you the link in a message I guess?! Let me know if there's another way!

If anyone has any ideas for a solution I would be very grateful!

Cheers,
Andrew

hi, i want my browser's background to be the same as MS windows gray... how do i do that in CSS? is there a special color value? or do i have to put some code in my html to make it blend with wndows? thanks! i hope you get to help me on this one! thanks!

Greetings All,

Wonder if you might be able to assist...
I'm trying to make a page accessible from IE6 and generic mobile devices. I have selected different images to be displayed on the mobile screens using the 'media' attribute eg:
<style type="text/css" media="screen">
#mobileimage {display:none}
</style>

<style type="text/css" media="handheld">
#normalimage {display:none}
</style>

<div id="normalimage">
<img src="diagram 2 560wide.jpg">
</div id="normalimage">
<div id="mobileimage">
<img src="diagram 2 560tall.jpg">
</div id="mobileimage">

and this works just fine in IE6, Opera for Symbian UIQ (mobile device) and BlackBerry devices. However, the images are not displayed at all in Pocket IE on Windows Mobile 2003 devices, although other CSS layout is (kinda) OK. Apparantly, Pocket IE recognises 'all', 'screen', and 'handheld'.

Any ideas whether this will work? How to get round it?

All help gratefully received...
Thanks,

Nick.

(sorry posted to wrong forum)

Can we use style sheet in windows application?
If yes then how, if no then is there any other way to make all forms in the application with same size, with same label size, textbox size....etc.

I have a division containing an object for which I would like scrollbars to appear when (and only when) needed...
to do this I have set "overflow: auto" ... and it works as desired -- everywhere except Internet Explorer for Windows...
in that browser the scrollbars always appear no matter how small the object.

the relevant segment:

<div style="float:left; margin-top:1em; width:220; height: 220; overflow:auto;">
<object style=" overflow:auto;" data="/danceFeed.php?$getString" type="text/html" width=220 height=219 ;>
Set your location defaults to display local events automatically</a>
</object>
</div>

I have also tried "overflow:hidden" & "overflow: visible" (in both places); omitting it in the object; adding "overflow:hidden" to the page body (as recommended by at least one "bug site") and trying variations on the size of the object relative to the containing div. No luck.

The border of the object is clearly visible, so when the object is smaller than the available space, the (unneeded) scrollbar extends well below the bottom of the object...

any ideas for a work around?

I am using the CSS popup window
to check the forms.

But I cant find a way on how to make diffrent texts
On the CSS Popup Window.

I was doing it in the following way:
but it was looking kinda dumb to me..
is there a smarter way to do that without needing
to write
the popupdiv evrytime i got a new text to write?
Code:

<style type="text/css">
<!--
#blanket {
   background-color:#111;
   opacity: 0.65;
   position:absolute;
   z-index: 9001; /*ooveeerrrr nine thoussaaaannnd*/
   top:0px;
   left:0px;
   width:100%;
}
#popUpDivAlert1{
	position:absolute;
	background-color:#eeeeee;
	width:300px;
	height:300px;
	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
}
#popUpDivAlert2 {
	position:absolute;
	background-color:#eeeeee;
	width:300px;
	height:300px;
	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
}
-->
</style>

Code:

<div id="blanket" style="display:none;"></div>
<div id="popUpDivAlert1" style="display:none;">
Alert 1
<a href="#" onclick="popup('popUpDivAlert1')">Click Me To Close</a>
</div>
<div id="popUpDivAlert2" style="display:none;">
Alert 2
<a href="#" onclick="popup('popUpDivAlert2')">Click Me To Close</a>
</div>

The site in question is: http://www.diasol.com/misc/v2b/

It looks fine in Firefox and apparently Mac IE. The problem happens when some looks at it with IE. The menu on the top right gets borked. The border-top and bottom seem to dissappear. Same with some of the padding and my font formatting.

I read somewhere it has something to do with the way IE reads margins and padding, but even after setting those to 0, the problem persists.

Thanks for your help. I've been working on this damn problem for 3 hours straight now, any input is appreciated.