Page 1 of 1
Layout problem: div boxes
Posted: Mon Nov 14, 2005 6:47 pm
by 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...
Re: Layout problem: div boxes
Posted: Wed Nov 16, 2005 12:56 am
by cyberman
Don't know, if I understand you right - mean you a positioning like
this ...
Re: Layout problem: div boxes
Posted: Wed Nov 16, 2005 10:31 am
by 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.
Re: Layout problem: div boxes
Posted: Wed Nov 16, 2005 11:51 am
by 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]
Re: Layout problem: div boxes
Posted: Wed Nov 16, 2005 12:42 pm
by Alex_Leipzig
ceilingfish wrote:
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...
Re: Layout problem: div boxes
Posted: Thu Nov 17, 2005 11:38 am
by Piratos
echo $br[$i]->menutext.'
'
Oh alex , this is a rest of some markers by developing. delete this complete.
(must change the download !).
Re: Layout problem: div boxes
Posted: Thu Nov 17, 2005 11:54 am
by Alex_Leipzig
Hi Piratos,
good to know!