2 replies [Last post]
korsakov
Offline
newbie
Durham, NC
Last seen: 14 years 10 weeks ago
Durham, NC
Timezone: GMT-4
Joined: 2008-07-08
Posts: 9
Points: 0

I don't seem to be able to position a horizontal list in a DIV so that it displays the same way in IE7 and FF. IE7 creates a DIV container which is higher than the one shown with FF. Have I forgotten something? Thank you for your help!!

This is the DIV:
#navcontainer { This is the DIV

clear:both;
height:auto;
width:auto;
border-left-color: #CCC;
border-left-style: solid;
border-left-width: 2px;
border-right-color: #CCC;
border-right-style: solid;
border-right-width: 2px;
border-bottom-color: #CCC;
border-bottom-width: 2px;
border-bottom-style: solid;
border-top-color: #CCC;
border-top-width: 2px;
border-top-style: solid;
text-align: right;
}

#navlist li {
display: inline;
list-style: none;
list-style-type: none;
padding-left: 6px;
padding-right: 3px;
padding-bottom: 0px;
padding-top: 0px;
font-weight: bold;
border-left-color: #CCC;
border-left-width: 2px;
border-left-style: solid;
margin-top:0px;
margin-bottom:0px;
text-align: center;
}

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 23 weeks 3 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

korsakov wrote:Have I

korsakov wrote:

Have I forgotten something?

Yes, to post ALL your HTML and CSS Wink

ANd your CSS could be written much more compact as:

#navcontainer {	
	clear:both;
        border: 2px solid #ccc;
	text-align: right;	
}
 
#navlist li {
	display: inline;
	list-style: none;
	list-style-type: none;
        padding: 0 3px 0 6px;	
	font-weight: bold;
	border-left: 2px solid #ccc;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
}

Verschwindende wrote:
  • CSS doesn't make pies

korsakov
Offline
newbie
Durham, NC
Last seen: 14 years 10 weeks ago
Durham, NC
Timezone: GMT-4
Joined: 2008-07-08
Posts: 9
Points: 0

Thanks...

.. for your kind help! Resolved.