0

I am working on a website and I have it looking smooth in Chrome, but every other browser shows the menu panel about 10 pixels to the left. If I change anything, it alters the chrome display, but nothing else.

Here is the CSS I'm using:

#banner {
    position: fixed;
    top: 20px;
    right: 20%;
    left: 20%;
}
#home {
    left: 20%;
    position: relative;
    top: 160px;
}
#lesson {
    left: 20%;
    position: relative;
    top: 160px;
}
#record {
    position: relative;
    left: 20%;
    top: 160px;
}

I've tried using pixels to define left, but that results in the page not displaying correctly in any browser. Each ID is for an image and they're all contained in a <div> tag. If there is someone who can help, I'd greatly appreciate it.

Edited by Reverend Jim: Fixed formatting

4
Contributors
6
Replies
7
Views
6 Years
Discussion Span
Last Post by pixelsoul
0

without the html i cant suggest much
none the less try putting everything in a container with width say 70% and then divide into blocks to cover the entire 100% of the container
that way nothing moves out of its bounds

0

My HTML is literally a bunch of div tags that each contain an image:

<body background="Background2.gif">
<div id="container">
<div align="center" id="banner"><img src="yourvoicebanner.gif" width="950" height="150" /></div>
<div id="home"><img src="Images/Menu01.gif" width="150" height="58" border="0" /></div>
<div id="lesson"><img src="Images/Menu02.gif" width="150" height="58" border="0" /></div>
<div id="record"><img src="Images/Menu03.gif" width="150" height="58" /></div>
</div>
</body>

anilashanbhag - I'll try that out

0

Hmmm, do you have anything else like a screenshot? Or is the site reachable by us here? Working with the minimal amount of code you provided is not producing enough results. Also you gave us the stuff that you think is the problem when anything on the actual page and in the CSS file could cause an issue with the layout. So it would be helpful to get something a little more complete or the actual page it self online.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.