Fixed Positioning! - HTML / CSS

12 New Member

I've tried to create a sidebar that uses the fixed positioning property. However after looking through various tutorials and how to's of the web I can't find a bugger wrong with my code.

This is good i hear you say.... well no its not. The problem is that the frigging sidebar isn't fixed!

You maybe able to tell but this is pissing me off to say the least. So i'm praying that someone with much superior CSS knowledge then I can solve the problem.

Expand|Select|Wrap|Line Numbers

 
<html>
 
<head>
 
<style type="text/css">

*** i did have .sidebar here with the css code i've currently got in the style but it didn't affect it at all....!***

</style>
 
</head>
 
<body style = "background: black url(HeaderBG.png) repeat-x top left">
 
<div class = "Sidebar" style = "position: fixed; top: 10%; left: 2%; border-color: white;">

<table width = "150" height = "500" border = "1">

    <tr>

        <td>

            Some Text

        </td>

    </tr>

    <tr>

        <td>

            Some Text

        </td>

    </tr>

</table>

</div>
 
</body>
 
</html>

I've included the header graphic for use if you want to test it out.

(( Please note that im using IE.7 to test this so as far as i'm aware the position: fixed; property should work no problem. ))

Please help someone !?!?

Attached Images

Feb 15 '09 #1

Subscribe Reply

2557

Mr Prister

New Member

By the way before anybody says.... i've already added a load of content to make the page longer. So the problem isn't that "i can't see that the sidebar is working because the page isn't long enough." If that makes sense?

Feb 15 '09 #2

Dormilich

8,658

Recognized Expert Moderator Expert

which browser are you using? (IE doesn't know position: fixed)

Feb 15 '09 #3

Mr Prister

New Member

@Dormilich
IE 7.... as far as i was aware IE 7 supported position: fixed;

"Note that IE 7 from beta 2 upwards does support position: fixed; "

And i can happly view other people's fixed positioned divs....

I'm confused =[

Feb 15 '09 #4

drhowarddrfine

7,435

Recognized Expert Expert

Where are you adding the text? If you create a <p> and fill the screen with text, it works fine in FF. Not on Windows right now so can't check IE.

Feb 15 '09 #5

hsriat

1,654

Recognized Expert Top Contributor

IE considers it to be position:fixed only if accomplished with an XHTML strict doctype.

Feb 15 '09 #6

Dormilich

8,658

Recognized Expert Moderator Expert

@hsriat
which is kind of paradox since IE doesn't handle XHTML natively.......

Feb 15 '09 #7

David Laakso

397

Recognized Expert Contributor

Please see Tarquin for one opinion regarding browser support for, and the implementation of position:fixed;
http://www.howtocreate.co.uk/fixedPosition.html

Feb 15 '09 #8

drhowarddrfine

7,435

Recognized Expert Expert

No, it does not need to be XHTML Strict but HTML Strict will do just as well.

Feb 15 '09 #9

hsriat

1,654

Recognized Expert Top Contributor

OK.... "strict dtd" was my main point. :)

Feb 16 '09 #10

Similar topics

17700

Position: Fixed and IE6

by: Paul Trautwein | last post by:

I'm trying to get an image to float in a window despite scrolling. I've gotten it to work on my Mac using IE 5.2, Netscape, and Safari, but it goes wonky when I test it on a PC. (testing with IE...

HTML / CSS

5394

Frame-like fixed column?

by: Mason A. Clark | last post by:

Masters: On two or three-column layouts, one column often has a list of links. Scrolling the page hides them. I'm aware there's supposed to be the ability to fix the column (frame-like). I...

HTML / CSS

2422

Javascript and CSS for fixed positioning

by: CMAR | last post by:

Mason C. posted an here an innovative technique for using Javascript and CSS to accomplished fixed positioning that works with IE. Does anyone have the URL of his homepage? Thanks, CMA

HTML / CSS

2450

fixed positioning..

by: Frances Del Rio | last post by:

don't know if I'll succeed, have spent a lot of time already trying to figure this out: I would like to position a footer (co. name, address, etc..) at the bottom of browser page, in such a way...

HTML / CSS

36325

Displaying a scrollable table with fixed head?

by: Michael Schuerig | last post by:

I'm trying to do something seemingly very simple, but it's brought me close to crushing my head on the keyboard. All I want is a table where the head row is fixed and the body columns below are...

HTML / CSS

1966

Fixed positioning problem with IE6

by: Axel Siebenwirth | last post by:

Hi, I would really love to get some help from you since I am starting to become completely desperate with something quite simple... I am trying to transfer a fixed-positioning-implementation...

HTML / CSS

4200

Keep sections in a fixed location

by: msubodh | last post by:

I have been able to piece together the following code to created a fixed div so that it stays in place even when scrolling (and does it smoothly as opposed to other approaches that have jerky...

Javascript

3046

How can I remove a column from a 3-Column Fixed Width CSS stylesheet?

by: Sarita | last post by:

Hello, this might sound stupid, but I got a really nice homepage template which unfortunately is a 3-Column Fixed Width CSS format. Now I don't have any content for the right column and would...

HTML / CSS

2187

CSS "background-position: fixed;" problem, workaround with JS?

by: soulmach | last post by:

Hello forum friends. I performed a search on this topic, but I couldn't find anything useful. I wasn't really sure what to search. First I'll state what I am trying to do. I recently agreed to...

Javascript

7267

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

7175

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

7391

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

7553

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

7120

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

5697

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

5100

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 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 a new...

Microsoft Access / VBA

4754

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

C# / C Sharp

3235

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET