473,327 Members | 2,071 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,327 software developers and data experts.

Problem with absolute positioning in IE

Hi all,

I've designed a page that uses absolute positioning to place the
navigation bar so it appears to slightly overlap the left edge.
See http://www.artofoke.co.uk/home.htm

There is a PageWrapper that encompasses everything on the page including
the navigation, and an InnerWrapper with a white background within this
PageWrapper with the content itself.
The navigation bar is absolutely positioned between this InnerWrapper
and PageWrapper with a top position value of 272px to move it down the page.
Since no left value is given it should position itself to the left
margin of PageWrapper.

The page itself is commented in the markup and the stylesheet is also
commented (http://www.artofoke.co.uk/css/art-of-oke.css)

Everything works just great in Mozilla or Opera, but the navigation gets
positioned incorrectly within the page itself in IE.
Take a look at http://www.artofoke.co.uk/grabs.htm to see example
screenshots.

I've played around with various options but none of them resolve the issue.

Any ideas why this is happening and how to cure it?

Thanks in advance,
Tony.
Dec 1 '05 #1
1 4559
Tony Carnell <to**@fluvius.co.uk> wrote:
See http://www.artofoke.co.uk/home.htm

Everything works just great in Mozilla or Opera, but the navigation gets
positioned incorrectly within the page itself in IE.


Try adding "left:0" to your #nav rule, then position the navigation
relative to your content wrapper (currently it appears to be positioned
relative to the root element in IE).

Some other issues to solve:
Your navigation disappears when images are disabled.
Your usage of headers is incorrect.
HTML syntax errors, validate.
What's with the <noframes> tag?
Yuck: <p></p>
Yuck2: <div id="pageTop"><a href="#top">top of page</a></div>
Yuck3: <hr>
Yuck4: accesskey attributes (get rid of them, they harm accessibility).
Yuck5: Transitional doctypes are for legacy content, not for newly
authored documents.
Yuck 6: &nbps;'s use CSS padding or margin instead.
Yuck7: "<p class="hidden">This site would look much more visually
appealing in a browser that supports <a title="Supports Web Standards"
href="http://www.webstandards.org/">web standards</a>"; I was viewing it
in a browser that "supports web standards" thank you very much. Don't be
so precious about your styling disappearing.

--
Spartanicus
Dec 1 '05 #2

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: Dariusz | last post by:
I am trying out a fully CSS-P layout (first time with floats) and am having problems with getting certain DIV's from displaying properly - or rather - they are being completely ignored. Below is...
7
by: Griff Miller | last post by:
Please see http://home.houston.rr.com/gmiller15/css/vertprob.html . In mozilla 1.6/1.7 it looks the way I want it, with a thin separation between the two boxes. In IE6, the two boxes touch, which...
9
by: Faz | last post by:
Hi I'm having some real trouble with a header I have created within a container. I have two problems; firstly the menu (a horizontal UL) will not centre within the surrounding header, despite...
4
by: mike eli | last post by:
Hi, I have several absolute positioned elements inside an absolute positioned DIV. I would like one of the nested elements to have a dynamic width. I set it's left and right attributes to 5, so...
10
by: Matt Silberstein | last post by:
I am trying to make a page that will be 800px wide. That is, I have an 800px image. I want the content of the page centered. I can do that fine. On the top, I want an image logo with a text menu...
2
by: nino9stars | last post by:
Hello, I have just started messing with absolute positioning on webpages, and it definitely let's you do some creative things. Well, after much searching and help, I got the images I was using...
6
by: Mark | last post by:
hi, i'm trying to position something in the top right corner of a container, but i can't seem to figure out how to get it working. here's the html <div class='thumb'><a href='image.jpg'><img...
2
by: TheCruelPanda | last post by:
Hey there. My name is Rowan, and it's been three weeks since I last used tables for an HTML design. Okay, I'm rather new to CSS and I have a big positioning problem here. It might not be a...
7
by: =?Utf-8?B?QW50?= | last post by:
Hi, If I place a button on either a Web form or an HTML form, when I run the page in a browser, the button stretches right across the screen. This happens with our Enterprise Visual Studio at work...
20
by: mehstg1319 | last post by:
Hi there Not sure if anyone can help me, I am working on a site for my university, and am having a bit of trouble with css positioning. I am very new to css and do not know very much about it....
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.