Remove element from flow of other sibling elements

Jezternz

Ok, I want to remove an element from the standard flow, so its location is not affected or determined by other sibling elements, the only catch is, I dont want to position it using top/left/right/bottom, I want to use a margin.
So I need to remove an element from the flow of the page. As far as I know position: fixed & absolute, make the margin property useless, so are there any other ways?

Thanks, Josh

drhowarddrfine

Margin properties do not go away at all when using absolute or fixed.

Jezternz

ahh ok, maybe a better description would be "Margin: auto" doesnt work.
Basicly im trying to horizontally align (As far as I know vertical alignment is not possible with css?) a div above all other objects on the page.

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

    <style type="text/css">

        *{margin: 0;padding:0;}

        html, body {height: 100%;overflow: auto;margin:0;}

        #center_me{margin:0 auto;width:200px;background:black;color:white;height:300px;position:fixed;}

    </style>

    <title>Test page</title>

</head>

<body>

    <h1>adsada</h1>

    <div id="center_me">Center me please</div>

    </body>

</html>

Weirdly enough in the above, static & relative center it, however they take into account the h1 :(, absolute and fixed dont center it at all.

Dormilich

Quote:

Originally Posted by Jezternz

(As far as I know vertical alignment is not possible with css?)

sure you can align vertically, only it works for less cases (table cells, that is) than horizontal alignment.

Remove element from flow of other sibling elements

re: Remove element from flow of other sibling elements

re: Remove element from flow of other sibling elements

re: Remove element from flow of other sibling elements

Similar HTML / CSS bytes

/bytes/development

/bytes/it

/bytes/about