firefox vs IE – css background position

@nihaJan 05.2008

hi everyone,
i am trying to set a horizontal line, so i am using background-imagte and backgroun-position that should be in em for zooming reasons. the thing is …it is visualized perfectly under firfox mozilla browser while not under IE. how can i overcome this??? thanks in advance.

here is the css

body{ background-image:url(files/images/backLine.gif);
background-position: 0 1.31em;
background-repeat: repeat-x ;}

to post a comment

CSS

@WebJoelJan 05.2008 — #You could just use an 'empty DIV' with a border-top:

<div style="width:auto; height:1px; margin:0 1.31em; [B]border-top: 6px solid blue;[/B]">



</div>[/QUOTE] Of course this won't do if your 'image' is an actual image, as this border rule is a [B]solid color[/B] (blue).

For an actual [I]image [/I]to be used this way (as a border), -wait for CSS3. ?

A 'cure' for that interim, is a minor revisit:

<div style="width:auto; [B]height:6px;[/B] margin:0 1.31em; [B]background:url(image.jpg) repeat-x[/B]>



</div>[/QUOTE] Both examples create a "6px tall' horizontal ruler. the second example assume that the image is 6px tall (and whatever width, not important), thus, it fills the 6px height of the DIV, and repeats along the x-axis. This too, creates a 'horizontal ruler'. And, since "<hr>" is somewhat deprecated, the above example is somewhat better.

@CentauriJan 06.2008 — #If the background position needs to change to cater for text resize, then it probably should be attached to the element associated with the text, rather than the body. Got a link to this online ?

@nihaauthorJan 08.2008 — #well not yet but the designers need the horizontgal line to be 100% width of the page while the main content is centralized sighhhhhhhhhh

@CentauriJan 08.2008 — #Judging by the example you posted at the start, I assume this is to underline a header section, links or something? If so, the page could start with a ull width header. containing the line graphic at the bottom of it, and the contents constrained and centred within this. The rest of the site following could then have the desired width and be centred as normal.

@nihaauthorJan 08.2008 — #ahhhhh that is an idea! great thanks alot

firefox vs IE – css background position

5 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

firefox vs IE – css background position

5 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

5 Comments(s) _↴

Also in #CSS _↴