why does my div not position correctly in internet explorer - and more questions

[tvdk]

Hi there, i been trying to find out how CMSMS works for over 2 weeks now and decided to build a new website with it. I'm almost happy with the result it but there seems to be 2 strange things:

1. i've placed the search box in the header links and it looks fine on my mac with safari & firefox... in i.e. it doesn't look that good, it fills out all page but i can't figure out why? If anyone can help me... would be highly appreciated.

2. for some reason the menu shows numbers but i don't want that, i tried to find out how that works... but i seem to be missing the point. Same question: anyone got any tips how to get rid if these numbers?

Finally... the news section looks almost good. However, it would look even better if the [Meer] (means 'more') button would be directly behind the content, anyone knows how to accomplish this ?

Thanks in advance.
All the best,
Ton

Oeps.. almost forgot the link so you can see what i'm talking about : http://89.18.179.85/~ton/

[Nullig]

You need to attach the accessibility and cross browser tools stylesheet to your template to get rid of the numbers.

Positioning the search and "more" can be done through your stylesheet.

Nullig

[tvdk]

hi thanks, i know about the positioning in the style sheet, ofcourse i did... therefor it's nicely in the upperright corner but... somehow... it doesn't work for internet explorerer. When the page is looked up via safari / firefox.. everything is just as i meant it.

I'll have a look into the crossbrowser stylesheet, thanks !

Best
Ton

[Nullig]

I think you may be missing a for the menu_vert .

Nullig

[tvdk]

euh... i don't think so, this is what's in the layout

{* Start Navigation *}

{menu template='cssmenu.tpl'}


{* End Navigation *}

[Nullig]

Try changing this:

Code: Select all

/* header links */
#header #header-links {	
	color: #5b4a29;
	font: normal 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	float: right;
	width: 275px;
	position: absolute;
	top: 20px;
	right: 9px;
}
#header #header-links a {	
	color: black;
	text-decoration: none;	
	padding: 0 2px;
	font-weight: bold;
}
#header #header-links a:hover {
	color: #111;		
}

to:

Code: Select all

/* header links */
#header-links {	
	color: #5b4a29;
	font: normal 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	float: right;
	width: 275px;
	position: absolute;
	top: 20px;
	right: 9px;
}
#header-links a {	
	color: black;
	text-decoration: none;	
	padding: 0 2px;
	font-weight: bold;
}
#header-links a:hover {
	color: #111;		
}

[Nullig]

Actually, just noticed this in the source:



which is not properly formatted.

...

[tvdk]

oeps... your previous post already made a lot of difference, i'll try this one. thanks already!

[Nullig]

Also noticed that your

has a width of 840px, which is wider than the container with a width of 500px.

And your has a left margin of -32, which displays incorrectly in IE.

Nullig

[Nullig]

Also noticed an empty section after the news div









which is throwing IE into fits.

[tvdk]

man, you're good! maybe i should wait till you finished checking!

[tvdk]

problems solved (almost)