CSS Absolute and Relative Positioning

jackie

I can't get my menu bar to remain relative to the westar logo.
On the homepage it looks ok
http://www.westar.com/test/index.asp
, but once the main content table on the page gets longer the menu bar
shifts downward. Like on

http://199.217.163.45/intranet/WDT_logos.asp

I don't know why the menu seems to care how long the content section is
when it should stay relative to the westar logo. I thought I indicated
that in my css file, but since I don't know css well at all I guess I
did not.

The top menu bar was is a "Page Include" on all my pages and uses its
own style sheet as well as the web content pages have their own style
sheet they reference as well.

Nov 1 '05 #1

Subscribe Post Reply

1595

Spartanicus

"jackie" <sh*****@westar.com> wrote:

I can't get my menu bar to remain relative to the westar logo.
On the homepage it looks ok
http://www.westar.com/test/index.asp
, but once the main content table on the page gets longer the menu bar
shifts downward. Like on

http://199.217.163.45/intranet/WDT_logos.asp

Some things to sort out before you start worrying about the menu
placement issue:

a) Using a doctype that triggers standards mode is generally preferable.
b) Serving XHTML is almost always better avoided, HTML 4.01 is
preferred.
c) Validating your code can be a helpful tool: http://validator.w3.org/
and http://jigsaw.w3.org/css-validator/ Currently your HTML makes no
sense (multiple head's content before the <html> element etc.).
d) Tables are for marking up tabular data. Your code is a peculiar hodge
podge of tables used for layout with styled div wrappers.
e) &nbps; should not be used to create margins and/or padding. A string
of joined  's is silly.
f) Inline CSS should generally be avoided.
g) Div's and spans are "last resort" markup to be used (almost) only if
there is no semantic element to attach styling to, they cannot replace
semantic markup. (for example your footer should be marked up as a
paragraph)

--
Spartanicus

Nov 1 '05 #2

Martin Eyles

"Spartanicus" <in*****@invalid.invalid> wrote

b) Serving XHTML is almost always better avoided, HTML
4.01 is preferred.

I disagree with this point. I have NEVER had any problems with XHTML, which
don't also exist in HTML. Just make sure the img and similar tags are closed
using the <tagname options /> method rather than <tagname
options></tagname>.

Martin

--
Martin Eyles
ma**********@NOSPAM.bytronic.com

Nov 1 '05 #3

Spartanicus

"Martin Eyles" <ma**********@NOSPAM.bytronic.com> wrote:

b) Serving XHTML is almost always better avoided, HTML
4.01 is preferred.

I disagree with this point. I have NEVER had any problems with XHTML, which
don't also exist in HTML.

http://www.spartanicus.utvinternet.ie/no-xhtml.htm

--
Spartanicus

Nov 1 '05 #4

David Dorward

Martin Eyles wrote:

I disagree with this point. I have NEVER had any problems with XHTML,
which don't also exist in HTML. Just make sure the img and similar tags
are closed using the <tagname options /> method rather than <tagname
options></tagname>.
To quote w3 when browsing your site (at least I presume its your site):

Bytronic Innovation Centre
Warwick Technology Park
Gallows Hill
Warwick CV34 6UW

Telephone: +44 (0)1926 623350 Facsimile: +44 (0)1926 623351
E-mail: ma**@bytronic.com
Web: http://www.bytronic.com

The ">" are thanks to "<br />" meaning "<br>>" in HTML.

Now you've had problems with XHTML which don't exist in HTML :)

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

Nov 1 '05 #5

Jan Roland Eriksson

On Tue, 1 Nov 2005 16:03:21 -0000, "Martin Eyles"
<ma**********@NOSPAM.bytronic.com> wrote:

"Spartanicus" <in*****@invalid.invalid> wrote
b) Serving XHTML is almost always better avoided,
HTML 4.01 is preferred.
I disagree with this point.
Go ahead...
I have NEVER had any problems with XHTML...
That may be caused by your ignorance on what to look for?
Just make sure the img and similar tags are closed
using the <tagname options /> method ...
There it is; one of the basic dumbness'es built into the X scheme from
the start, as commanded by representatives from Microsoft none the less.
It has kept the crowd fooled since it first appeared.
rather than <tagname>options</tagname>.

That last part of yours has the decency to it that it constitutes fully
balanced markup.

So far you have proved nil knowledge about NET/NESTC/TAGC

--
Rex

Nov 1 '05 #6

Eric B. Bednarz

Spartanicus <in*****@invalid.invalid> writes:

a) Using a doctype that triggers standards mode is generally preferable.
I beg to differ; well, actually, I just differ.
c) Validating your code can be a helpful tool:

Yet you just suggested to 'use a doctype that triggers a mode'.

(Incidentally, I just stumbled upon this a few hours ago

| When authoring document is HTML or XHTML,
<http://www.w3.org/QA/2002/04/valid-dtd-list.html>

and still wonder what it means.)
--
hexadecimal EBB
decimal 3771
octal 7273
binary 111010111011

Nov 2 '05 #7

Jan Roland Eriksson

On Wed, 02 Nov 2005 02:41:50 +0100, Eric B. Bednarz
<be*****@fahr-zur-hoelle.org> wrote:

Spartanicus <in*****@invalid.invalid> writes:
a) Using a doctype that triggers standards mode is generally preferable. [...] c) Validating your code can be a helpful tool:
Yet you just suggested to 'use a doctype that triggers a mode'. (Incidentally, I just stumbled upon this a few hours ago | When authoring document is HTML or XHTML,
<http://www.w3.org/QA/2002/04/valid-dtd-list.html> and still wonder what it means.)

Well; there is (was?) a "default fallback" when nothing else helps :)

<http://www.ietf.org/rfc/rfc1866.txt

Look for ... 3.3. HTML Public Text Identifiers

--
Rex

Nov 2 '05 #8

Eric B. Bednarz

Jan Roland Eriksson <jr****@newsguy.com> writes:

Eric B. Bednarz <be*****@fahr-zur-hoelle.org> wrote:
| When authoring document is HTML or XHTML,
<http://www.w3.org/QA/2002/04/valid-dtd-list.html>

<http://www.ietf.org/rfc/rfc1866.txt

No thanks, I have a hypertext version complete with pictures and music
at home.

'I wonder what that means' meant nothing more here than that I see a
couple of words that do not connect to a (part of a) sentence in my
brain.
--
hexadecimal EBB
decimal 3771
octal 7273
binary 111010111011

Nov 2 '05 #9

Similar topics

Absolute positioning--what am I missing

by: Harlan Messinger | last post by:

What am I not understanding about the definition of { position: absolute; }? "The box's position (and possibly size) is specified with the 'left', 'right', 'top', and 'bottom' properties. These...

HTML / CSS

Dynamic width of absolute positioned element

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...

Javascript

absolute, relative, not set, static positioning ??????

by: Rob R. Ainscough | last post by:

I'm slowly (very slowly) working my way thru the bizarre and sadistic world of control positioning in MultiViews (ASP 2.0). I came across this to help me explain (or attempt to anyway) why my web...

ASP.NET

Absolute positioning not relative to containing element?

by: nonsensitor | last post by:

I'm just learning xhtml & css, primarily from westciv's online tutorials and css guide. I've run into a couple of problems with a page I'm developing that I can't figure out. The first problem is...

HTML / CSS

absolute positioning

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...

HTML / CSS

Access Europe: Command bars, the Access Shortcut Tool and a simple Audit Log - Wed 3 April

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...

General

One-click Importing Excel Data into a*Database

by: ryjfgjl | last post by:

In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...

Microsoft Excel

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware