Positioning of a box with a relative width in a layout

Hi there...

Is it possible to position a child element relatively to a floated parent element?

Link to page: [a]http://menschenbilder.bplaced.net/start/index_bio.html[/a]

I want to have the girl always positioned in the bottom left corner and the logo in the top left one. That is even already working neatly.

Then however the content box is supposed to be placed to the right and should be sized so that the height is a 100% of the whole viewport and the width goes from the right border up to the picture of the girl.

Someone got an idea how this could work?

Float problem in FFox and Chrome


I'm trying to get the layout for a new website and having problems getting it to work properly in chrome/firefox. It works perfectly in IE.

It all seems to revolve around the float : left which I'm using to establish the left handed navigation. Without it everything works fine, but as soon as I apply the float the container that should stretch to accomodate the nav and main content shrinks. The page is at http://www.21ctelecom.co.uk/new/ and the code below.

Div not stretching

I have the following divs:

<div style='border: 1px solid black; min-height: 20px; position: relative; '>
				<div style='float: left; width: 150px; min-height: 30px; border: 1px solid black'>test<br />test<br />test<br />test<br />test<br />test<br />test<br /></div>
				<div style='float: left; width: 150px; min-height: 30px; border: 1px solid black'>test<br />test<br />test<br />test<br />test<br />test<br />test<br />dasda<br />sdasdasd</div>

Position problem

Hello! I have a problem with position of Flash gallery in my page. When i open it in 1366x768 it looks fine, becuase i configured that way. But when i change resolution to anything else (just width resolution) isnt in position anymore.

Link: Site


P.sredina {
    margin-left: auto;
    margin-right: auto;
    margin-top: -46px;
    width: 950px;
#gallery {
    margin-left: 500px;
    margin-right: auto;
    margin-top: -500px;
    #width: 10px;


Safari float right + sibling right margin

Hi everyone,

I have a problem in the Safari browser only -- well maybe Chrome too Wink

As you can see in the code below, using FF, IE7 + 8, the margin-right prevents the body text from flowing around the floated element. This works a treat apart from webkit. Webkit thinks that the margin-right should push the body copy across 200px to the left of the floated element.

The trouble is that I will never know what the width of bodytext div will be since it is a cms situation.

Any ideas would be much much appreciated.

#parent {position:relative;overflow:hidden;}

Syndicate content