2 replies [Last post]
Fruitcake
Offline
Enthusiast
Perth, Australia
Last seen: 11 years 24 weeks ago
Perth, Australia
Timezone: GMT+8
Joined: 2004-04-12
Posts: 257
Points: 0

In Mozilla, the links in the menu box are spilling out:
nd.net.au/~rage8/gallery.php

It's almost like the width: 100% for the links are ignoring it's container.

Anyone know what else could be wrong?

I am Dan, Dan I am.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 45 weeks 3 days ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Mozilla - contents spill

Hi

A few things.

In your #gmenu a style you have height 50px; (note that lack of a colon) Fixing that makes things worse, so delete the line.

In the same style, you have width:100% and padding:5px

Moz can't cope with both. Give moz a width lower than that in gmenu that allows for the padding, e.g.

#gmenu {
	float: left;
	width: 100px;
	border-top: 1px dashed #ccc;
	border-left: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
 	voice-family: "\"}\"";
	voice-family: inherit;
	width: 120px;
}
html>body #gmenu {
	width: 120px;
}

#gmenu a {
	display: block;
	width: 110px;
	background: #333;
	border-bottom: 1px dashed #ccc;
	padding: 5px;
	font-weight: bold;
	font-family: verdana;
	font-size: 11px;
	text-align: left;
}

Trevor

Fruitcake
Offline
Enthusiast
Perth, Australia
Last seen: 11 years 24 weeks ago
Perth, Australia
Timezone: GMT+8
Joined: 2004-04-12
Posts: 257
Points: 0

Mozilla - contents spill

Worked like a charm thanks.

I am Dan, Dan I am.