473,799 Members | 3,111 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Liquid layout with position: fixed

What problems are there in using position: fixed; with left: %; and
right: %; to do pages that look like a typical boring framed site. A
full width header and a footer and the rest of the content between them.
A narrow left (and/or right) navigation column, plus a main body taking
the rest of the width?

I was reading http://www.w3.org/TR/CSS21/visuren.html where one example
uses fixed. When I tried it (with empty mostly empty divs for header,
footer, nav and main so far) it seemed OK, at least in my browsers (I
don't have IE). However I don't recall seeing many examples of it being
used in actual example web sites. Is there some major problem with
position: fixed;?

Is there some major problem with using % to specify left, right, top and
bottom? Or two of those and width and height as %?

I can see if the user makes the viewpoint small you would need to decide
how you prefer to deal with the inevitable overflow. That would apply
even on the header and footer, if they make the viewpoint height very
small. Wouldn't be the greatest viewing experience, but what is
actually likely to break?

--
http://www.ericlindsay.com
Nov 29 '05 #1
2 2706
Eric Lindsay wrote:
[...] However I don't recall seeing many examples of it being
used in actual example web sites. Is there some major problem with
position: fixed;?

IE does not do position:fixed.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Nov 30 '05 #2
In article <QJ************ ********@gigane ws.com>,
Jim Moe <jm************ ***@sohnen-moe.com> wrote:
Eric Lindsay wrote:
[...] However I don't recall seeing many examples of it being
used in actual example web sites. Is there some major problem with
position: fixed;?

IE does not do position:fixed.


Wonderful! Just ... wonderful. Thanks.

--
http://www.ericlindsay.com
Nov 30 '05 #3

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

Similar topics

0
2183
by: Chad | last post by:
I have a horizontal navbar between my banner and the page's main content (divided into three columns). Below the navbar, the left and right columns are fixed and the center is liquid. I want to position the navbar "li"s directly above the center column and make them liquid so they stretch and contract in correspondence with the center column. Is there a way to do this? Thanks. The styling I'm working with now is:
8
2062
by: oj | last post by:
Please, bare with me. I'm new to CSS and would like to ask for some advice on my current project. I have an existing table based layout that serves as the main template for a .Net application I've been working with. I would like to convert this layout to css based liquid design. I would like the pages to stretch both horizontally and vertically as needed. The layout needs to consist of a Pre-Header area that stretches across the entire...
3
5045
by: SebiF | last post by:
Hello, It might have been asked before but since I could not find a reference here's my qustion: I want a liquid layout similar to this one: http://www.alistapart.com/d/negativemargins/ex5.htm but with the footer fixed at the bottom and the content in a scrollable area.
1
2291
by: Durabo | last post by:
Hi, i must divide the page of my situated Internet in 3 lines and would want to make in way to have a layout liquid (would have to be adapted therefore to whichever dimension of the window). Initially I have divided in two parts as it follows:
1
2100
by: ChitownE | last post by:
Here's what I'm looking to do: fixed left column and a right column that fills the remainder of the space. I need the ability to position other elements relative to the borders of the right column. Without nesting containers, here's the best cross-browser version I could come up with: http://www.singley.org/test/two_cols2.html I see what's wrong - the right column is getting offset by the left column which pushes the viewport out...
0
1058
by: fishwick | last post by:
This is the site I'm workin on: http://www.vachiropractic.com/newsite/ I'm looking to liquify the current layout. Ideally I'd like to mirror the general layout of this layout: http://blog.html.it/layoutgala/LayoutGala23.html One modification I'd like to implement is the ability to have text either span the entire width of the wrapper, or float the the left or the right of a fixed box. Above template has both-fixed width boxes floating...
2
6062
by: Eric Lindsay | last post by:
I hope someone can help, before I start thinking tables have a lot of merit after all. I am trying to achieve a two column layout, with source code div order main content, right side navigation, footer. Naturally I want liquid main contents, and I have float: right; img, and clear: both; paragraphs in the main contents div. Fixed width right navigation column is probably essential. There is a confounded logo graphic to go at the top...
9
8147
by: Eric Lindsay | last post by:
How do you provide a consistent gradient fill as a background in a liquid layout? If I make a gradient fill image say 1000 pixels wide (and repeat it down the page) to suit a typical computer display, then only a small portion of the gradient will show if the viewpoint is a smaller PDA or phone display. On the other hand, if viewed full screen on a 1920 pixel wide display, I would run out of gradient on one or both sides of the page....
1
2026
by: hansBKK | last post by:
Here's a (new?) variation on using negative margins to get a three- column layout - I've used the example HTML from A List Apart's article by Alan Pearce: http://alistapart.com/articles/multicolumnlayouts for comparison's sake, but note the CSS layout method is quite different, using padding on an "inner wrapper" div within the center, rather than borders.
0
10490
Oralloy
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, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
1
10243
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 Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
10030
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
1
7570
isladogs
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 presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
6809
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 then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
5467
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
5590
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
4146
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
3762
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

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.