Login

07-24-2008, 01:41 AM

[eluser]fusionblu[/eluser]
I have a page (pratically rendered in a controller) that renders differently on IE when accessed from a remote machine (apache on linux). The page renders perfectly fine when accessed from a test server (localhost-apache on windows).
The CSS style in question is given below.

Code:
.container {

    Margin:10px 0px 15px 10px;

    position:relative;    

    display:block;     

    WIDTH: 100%; HEIGHT: 50px;

}

Doctype -

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

Any help is great help.

07-24-2008, 03:31 AM

[eluser]thinkigniter[/eluser]
1. What do you have as Absolute?

2. Can you give us a visual example?

Try setting body as Absolute eg.

body{
position:absolute;
}

07-24-2008, 04:29 AM

[eluser]fusionblu[/eluser]
cjunky-

The parent container is 'fixed' width 900px. The snippet above is inside the parent. a loop spits out the child containers. Like a list of search results. The issue is *only* with IE 7 and only (weird) when the page is accessed from a remote linux machine.
The problem - the 'parent div (search results)' and a 'side bar(tools)' div are next to each other. In ie 7 (as described above) the side bar gets pushed below the other div and this does not happen when the page is hosted on a win server. Any clues?

thanks in advance

07-24-2008, 04:37 AM

[eluser]Yash[/eluser]
I guess much like a css problem rather than a code problem.CSS prob..ops can't help

07-24-2008, 06:25 AM

[eluser]thinkigniter[/eluser]
position:fixed
background scroll with you as move down the page

position:absolute
background DOES NOT scroll with you as move down the page.

Also the other elements of the page may work strangely in IE.

Can you show me a live example?