Another positioning issue ... what am I missing?

[Bravogolf]

In MSIE, at

http://www.heaphydesigns.com/ef2/index.php

you'll see that the layout is ok (hopefully) but when you go to

http://www.heaphydesigns.com/ef2/theeye.php

I've purposefully removed the right hand column to fit more text but this has borked the left left hand column (why won't it stay where it's supposed to be!).

The left column css is

.lhcol 
{
	WIDTH: 120px;
	float: left;
	margin: 0px;
	display: block;
	position: absolute;
}

Full style sheet is

http://www.heaphydesigns.com/ef2/css/main-default.css

Any help is very much appreciated!

 

[BillyRayPreachersSon]

AFAIK, the floast has no effect because you are using absolute positioning, and thus removing the element from the document flow. Use float, or use positioning - but don't use both.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[Bravogolf]

Thank you, my friend, that was it.

One more question, if I may, at

http://www.heaphydesigns.com/ef2/index.php

you'll see that the article headers section (again in IE) is pushed down to where the left column ends. This is because I have

<div style="clear:both"></div>

to make sure there is a new line for the article headers to start on. How do I make sure that clear:both bit only applies to the central section of the site and not the left and right section?

 

[BillyRayPreachersSon]

Try giving the floated element's parent container a position of relative.

Hope this helps,
Dan




Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[Bravogolf]

Put a position: relative to the central DIV tag that holds all the main content or to the DIV tag that uses the clear:both content?

I've done that to both, just in case, and it still pushes down ...

 

[Vragabond]

I can't really see distinguishable difference between IE and Mozilla -- has this been resolved?

 

[Bravogolf]

Hi there, the issue is still present but only on

http://www.heaphydesigns.com/ef2/index.php

(where I use the div clearing tag).

You can see right above the four "article headers" section there's a white gap that's pushed down by the left hand column.

 

[Vragabond]

It is due to your use of the main content area -- it is defined as the whole area with margins where the columns are. Since your design is fully fixed, you could make the middle column just as wide as its content is (minus the current margins) and float that as well. Then clears in your main content will not interfere with the floated elements in other columns.

 

[Bravogolf]

Ahh, ok. Thank you, appreciate that.