Layout problem: div boxes

[Alex_Leipzig]

Hi all,

this is sort of off-topic. I have a css-only layout with 3 rows: header, content and footer. Inside header, there are two boxes (header-links/header-rechts) containing breadcrumbs/jumpmenu. I just cannot seem to position them next to each other.
Here is the site: http://www.uni-leipzig.de/~ialt/cms/ind ... =Impressum
And here is the css:

Code: Select all

#header
	{
	width:800px;
	height:50px;
	background-color:#DCDCDC;
	border:1px solid silver;
	padding:0.3em;
	}
#header-links
	{
	width:250px;
	text-align:left;
	display:inline;
	float:left;
	margin:0;
	padding:0;
	border:0;
	}
#header-rechts
	{
	width:450px;
	text-align:right;
	display:inline;
	float:right;
	margin:0;
	padding:0;
	border:0;
	}

I need it to work in IE6 as well...

[cyberman]

Don't know, if I understand you right - mean you a positioning like this ...

[Alex_Leipzig]

Looks great - thank you! I just quickly checked the css - what exactly did I do wrong?

Update:
Added the changes to my site - still won't work. Have a look using the above-mentioned url. Different look in Firefox and Opera.

[ceilingfish]

Hi,
you appear to have a mistake in your html:

Code: Select all

<!-- Div mit Dropdown-Navigation rechts -->
<div id="header-rechts"><br /><br /><div>
<form>

you are opening a nested div inside header-rechts. The height of it runs exactly along the top of your jump menu (see attached example where I highlighted the divs). Remove the nested ones and your menu should position correctly.

Tom

PS I found this out using the EditCss firefox plugin which is _really_ useful.

[attachment deleted by admin]

[Alex_Leipzig]

Hi,
you appear to have a mistake in your html:

Code: Select all

<!-- Div mit Dropdown-Navigation rechts -->
<div id="header-rechts"><br /><br /><div>
<form>

you are opening a nested div inside header-rechts. The height of it runs exactly along the top of your jump menu (see attached example where I highlighted the divs). Remove the nested ones and your menu should position correctly.

Then it must be a problem with PiMenu - here's what's in my template:

Code: Select all

<!-- Div mit Dropdown-Navigation rechts -->
<div id="header-rechts">{pimenu template="jumpform.tpl"}</div>

No line breaks from my part! No nested div inside! The first line is just a comment.

Update:
I changed this line in function.pimenu.php

Code: Select all

     {$i++;echo $br[$i]->menutext.'<br />'; }

into

Code: Select all

     {$i++;echo $br[$i]->menutext.''; }

Now it works...

[Piratos]

echo $br[$i]->menutext.'
'

Oh alex , this is a rest of some markers by developing. delete this complete.

(must change the download !).

[Alex_Leipzig]

Hi Piratos,

good to know!