Member Avatar for cab_driver

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 because: Fixed formatting
  • 4 Contributors
  • 6 Replies
  • 103 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by pixelsoul

Recommended Answers

All 6 Replies

Member Avatar for pixelsoul

Are you using a css reset on your pages?

Member Avatar for ko ko

Show your HTML.

Member Avatar for anilashanbhag

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

Member Avatar for cab_driver

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

Member Avatar for cab_driver

I set the container to 70%... still getting the same results...

Member Avatar for pixelsoul

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.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.