html - relative and absolute positioning in IE and FF -

-

I think that when you add more content to it, it wants to be a division, at least the height of the viewport and one Title and a footer top and bottom sticking I came up with the following which works fine in IE7 but does not work in FF3.

This HTML (mainly repeating 'multiple text') viewport): 

   & Lt; / Div & gt; & Lt; Div id = "footer" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; Html & gt;

This is CSS: 

  * {margin: 0 px 0 px 0 px 0 px; Padding: 0 px 0 px 0 px 0 px; Border: None; Z-index: 10; Font-family: aerial; Font-size: 20px; Text-decoration: None; Align text: left; } Html, body {height: 100%; Background color: RGB (255, 255, 255); } #main_body {status: relative; Minimum height: 100%; Height: Auto! Important; Height: 100%; Margin: 0 px 20 px 0 px 20 px; } # Headers {Position: Absolute; Top: 20px; Left: 0 pixels; Height: 50px; Width: 100%; Background color: RGB (40, 40, 40); } # Content {margin: 80px 10px 50px 10px; } #footer {status: complete; Bottom: 20px; Left: 0 pixels; Height: 20px; Width: 100%; Background color: RGB (40, 40, 40); }

I think it should work according to the glasses. And it is in IE but not in FF3.5.

Edit: I found out (thanks to Jeepstone) that when I change the margin to padding in # content then it works fine

100% height is not straight forward, you need to do something like this.

Incidentally, where you are resetting *, you should reset Eric Meyerser's CSS reset because everything can cause problems.


Comments

Post a Comment

Popular posts from this blog

php - multilevel menu with multilevel array -

-
Just ask someone to solve this problem? I want to create a multilevel menu I can not find the right solution generated with multilevel array, it always gets an array_push error My study came from the original idea But still my Can not match the need. This is my MySQL [code] ----- --------------------- --------------- | ID | PARENT_ID | Name | Link | Seq | 1 | 0 | Dashboad | Dashboard / | 1 | 2 | 0 | Menu 1 | Menu 1 / | 2 | 3 | 0 | Menu 2 | Menu 2 / | 3 | 4 | 0 | Menu 3 | Menu 3 / | 4 | 5 | 2 | Joint Add / | 1 | 6 | 3 | Joint Add / | 1 | 7 | 2 | Edit | Edit / | 2 | 8 | 4 | Joint Add / | 1 ------------------------------------------ [/ Code] I want to do something like this in my array array ('dashboard' = & gt; array ('id' = & gt; '' 'Dame' = & gt; 'Dashboard', 'Title' = & gt; 'Dashboard', 'MatchMin' = & gt; Base_URL (). 'Dashboard /', 'Active' => = & Gt; NULL), ...
Read more

c# - TypeConverter in propertygrid only converts from string, not to -

-
When the property grid is reached, only the conversion mechanism (often called) is called "Foo!" Returns the property string in the grid when I click to edit I get an exception Type.oo. Object type can not be changed to type. (Not properly translated,) What is a clue from the convert format, why not? And the error indicates that it is trying to convert to a string, not from. I think that when I want to edit this object, it will have to be converted from foo to string, and when the editing ends. Public class FooTypeConverter: StringConverter {public override object ConvertFrom (ITypeDescriptorContext Reference, CultureInfo Culture, Object Value) {New Foo (string) value); } Convert the public override object (Type the ITE DiskText Contact Reference, CultureInfo Culture, Object Value, Type Type) {Return "Foo!"; } Public override bool CanConvertFrom (ITypeDescriptorContext reference, type source type) {back true; } Public Override Bull CanConvertTo (ITypeDescrip...
Read more

jQuery UI: Datepicker month format -

-
I am trying to change the format of the month that shows in the popup (not in the date that the picker actually I do not have any choice anywhere to do this, do I like to use a sub-string () or something else? What I normally display is Trying to change: Class = "ui-datepicker-title"> January & lt; / span & gt; ... & lt; / div & gt; Div>
Read more