CSS - Can Someone Check This In Windows Ie5.x

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?

OK basically this css code is causing problems in IE.5 OS/9 on the mac

I was wondering if the Windows version caused the same problems when rendering these css buttons:


#elButton a {
color: white;
font-size:10px;
font-family:verdana;
font-weight:bold;
text-align:center;
text-decoration: none;
border:3px outset #99ccff;
background-color: #3399ff;
display: block;
margin: 1px;
width: auto;
height: 2.5 em;
padding: 3px 5px 0;
}

#elButton a:hover {
background-color: #D43D2A;
color:#ffffff;
padding-left:5px;
border:3px inset #ffffff;
}

==============================================
html code:

<DIV id="elButton">
<DIV><A href="#" onclick="img(1)">Next</A></DIV>
<DIV><A href="#" onclick="img(-1)">Prev</A></DIV>
</DIV>

THANKS GUYS !!

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.

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.

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

(sorry posted to wrong forum)

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?

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!

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>

I have another problem with IE for Windows:
I have several links which should not appear as links but should inherate the colors (grey or black) and decoration (none) from their parents ... works fine every where except MSIE for windows (where the usual red and blue - but no underline - appear)

the relevant styles:

<style type="text/css">

a:link {
text-decoration: none;
color: inherit;
}

a:visited {
text-decoration: none;
color: inherit;
}
</style>

the relevant html:

<h3 style="padding: 0; margin: 0.25em;color:#000000; ">Some <a href="http://www.theDanceGypsy.com/danceFinder.shtml" target="viewFrame">Dance Events</a> near you:</h3>
<ul class="newsList">
<li><a href="http://www.thedancegypsy.com/danceList.php?dance=dance-26:6-4" target="viewFrame"><span class ="unconfirmed">6/25: Bernardston~ <cite>Eastern Squares</cite>
</span></a></li>
<li><a href="http://www.thedancegypsy.com/danceList.php?dance=dance-30:6-4" target="viewFrame">6/26: Brattleboro~ <cite>Paneurhythmy</cite>
</a></li>

anyone have any idea for a workaround?
Thanx

I've quickly created a small website for a friend of mine and it's the first time I've used <div> and <span> tags. It probably shows , because now it's a mixture of all kinds of layout methods. But anyway, it works fine in IE (what a lovely tolerant browser) but it messes up in Firefox.
Have a look he www.duikeninegypte.nl

The block text in the left column in the middel shows up fine in IE but is moved to the right in Firefox. Both pieces of text are defined in another file, so here it concerns the left part (_HOMEDUUR) and the middle part (_HOMEBODY). Why does it work in IE but not in Firefox?

Cheers for any feedback!
Gurt

PHP Code:
echo " <center><div id=\"backholder\" style=\"position: relative; height: 576px; width: 720px;\"> ";
// background image
echo " <IMG SRC=\"images/homeback.jpg\" style=\"position:absolute; left:0; top:0;\" border=\"0\" title=\"\"> ";
//start navigation menu
echo " <IMG SRC=\"images/nav-home-sel.gif\" style=\"position:absolute; left:5; top:10;\" border=\"0\" title=\"\"> ";
echo " <a href=\"inhoud.php\"><IMG SRC=\"images/nav-inhoud-def.gif\" style=\"position:absolute; left:5; top:70;\" border=\"0\" title=\"\"></a> ";
echo " <a href=\"bestel.php\"><IMG SRC=\"images/nav-bestel-def.gif\" style=\"position:absolute; left:5; top:130;\" border=\"0\" title=\"\"></a> ";
// end navigation

// left panel
echo " <span style=\"position: absolute; left: 20; top: 190;\"> ";
echo " <table width=\"200\" border=\"0\"><tr><td width=\"100%\"><font color=\"#ffffff\">"._HOMEDUUR."</font></td></tr></table> ";
echo " </span> ";

// body panel
echo " <span style=\"position: absolute; left: 235px; top: 90px;\"> ";
echo " <table width=\"480\" border=\"0\"><tr><td width=\"100%\">"._HOMEBODY."<br><br>"._HOMECREDITS."</td></tr></table> ";
echo " </span> ";

echo " </div></center> ";