Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Westi on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

IE vs Firefox, keeping widths

Status
Not open for further replies.

DaRNCaT

Technical User
Dec 18, 2002
566
NZ
I've got a site designed, it looks wonderful in Firefox, but as usual it has "issues" in IE.

The main problem I'm having is with the menu box, when the content exceeds the size on firefox, it simply breaks out of the box, but doesn't make the box any bigger and doesn't mess up the page, but with IE, it shoves the whole page around, making the menu box bigger, and squashing the content box down below it.

Code:
.nav {
	width: 160px;
	float: left;
	margin-left: -1px;
	font:11px verdana, arial, helvetica, sans-serif;
	padding: 10px;
	background-color: #99FF66;
	border: 1px solid #000000;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	}

The menu is also loosing the border to the left on IE, which isn't as a big a problem, but would be nice if I could fix it.
I'm assuming I'm going to have to employ some kind of hack, anyone have any suggestions? (I can post full page code if required)

----------------------------------------
Sometimes, when my code just won't behave, I take it outside and make it listen to britney spears music, and when it comes back it's really well behaved. I wonder if it's suffering from post tramatic stress syndrome now..
 
Well, fixed the dissapearing boarder (Having a DUH moment there I think), BUT
Someone tell me there is a fix for the overflow problem, I've Googled it till my fingers are numb-er than my brain (which is always numb, I'm a web designer damnit, I'm not paid to think! - hum... I'm not really paid to breathe come to that)
So, it seems like there is no cure for this IE problem from what I have read, IE will expand a box to fit the content, Forefox et al will let the content overflow and leave the layout alone.

Has anyone found a fix for this? The menu is dynamicly generated, and client controlled, and my only solution is to tell the programmer to put a limit on the length of menu items...... not ideal.

----------------------------------------
Sometimes, when my code just won't behave, I take it outside and make it listen to britney spears music, and when it comes back it's really well behaved. I wonder if it's suffering from post tramatic stress syndrome now..
 
Apart from [tt]overflow: hidden[/tt], which will hide whatever does not fit the set container, you cannot do that in IE. You might even rethink your strategy if the items in your menu are usually overflowing their container.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top