CSS Help

[steve_c]

Hi all wonder if you can help:

I have placed a bg image on my page and set it to 50% position. this should carry the drop shadow all the way downthe left hand side and it does in IE. However, there seems to be a 1px difference in Firefox - any ideas anyone?

The Ark

Thanks

Steve.

 

[Gman]

well having a little play you can alter the following

#left 
{
    
 height: 496px;
 width: 161px;
 text-align:left;
 top:40px;
 background: url(images/left.jpg) left no-repeat;
 margin-left: -1px;
}

#content { 
 float: left;
 color: #333;
 border-left: 1px solid #596049;
 border-right: 1px solid #596049;

 margin: 0px 0px 0px -1px;
 width: 388px;
 display: inline;
 background-color:White;
}

Here i've changed the left margin on the left div and i've changed the left margin on the content div.

This makes it look ok in firefox however I suspect I.E to look odd now so you could implement some i.e. hacks so that the old values are only seen by i.e. based browsers.

I usualy use

* html

for i.e. prowser only and use

*:first-child+html

for i.e. 7 only

 

[steve_c]

Thanks for the reply
As you said IE is now off - I can't understand the reason - very frustrating! I'm tryiing to add a hack for IE browsers but am having troublew understanding how to do it - could you be more specific? TIA

 

[Gman]

Thanks for the reply
As you said IE is now off - I can't understand the reason - very frustrating! I'm tryiing to add a hack for IE browsers but am having troublew understanding how to do it - could you be more specific? TIA

It depends on the IE versions.
if you wanting to change something on just I.E < 7, you can use.

* html

so for example if its for the left div you would use

* html leftDiv {

}

Then everything inside that would only apply to IE versions < 7.

The same for IE 7, use

*:first-child+html leftDiv {

}

 

[steve_c]

Is there a more simple way of getting the left column to go all the way to the bottom of the page? That way I can just put a bg image in #leftcolumn?

 

[steve_c]

I've ended up putting a bg in the #wrapper div and works perfectly in IE! But it doesn't even appear in Firefox?! Anyone know why?

 

[steve_c]

All sorted - needed a "clear:both" div Thanks for the help all.