logo-dw

Go Back   Dreamweaver Club Forums > Dreamweaver forums > Spry
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 02-19-2009, 05:37 AM   #1
hectoroni
 
Join Date: Feb 2009
Location: redwood city, california
Posts: 4
Default right float not working in IE7

Hi all. I'm new to css and spry and have searched a number of forums without getting an answer I can understand. If this has been answered before, I apologize. My spry menu bar is set to float right. It works in every browser but IE7; it was working in IE6. It floats left and the text overlaps the containers. Here is my site:
www.hectorjaime.com/index

The only thing I thought might be causing the problem is that I've set the main div containing the menu bar to float: none. But, I've changed this to "right" and it still doesn't work. Any suggestions?

Thank you,
Hector
hectoroni is offline   Reply With Quote
Old 02-19-2009, 05:46 AM   #2
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,200
Default

post the code for your div and the spry css
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas

Last edited by edbr; 02-19-2009 at 05:49 AM..
edbr is offline   Reply With Quote
Old 02-19-2009, 05:49 AM   #3
hectoroni
 
Join Date: Feb 2009
Location: redwood city, california
Posts: 4
Default correct link

sorry:
http://hectorjaime.com/
hectoroni is offline   Reply With Quote
Old 02-19-2009, 06:19 AM   #4
hectoroni
 
Join Date: Feb 2009
Location: redwood city, california
Posts: 4
Default div and spry code

Code:
div code:
<div class="hjmenubar" id="hjmenubar">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="contact.html">contact</a></li>
      <li><a href="about.html">about</a></li>
      <li><a href="index.html">portfolio</a></li>
    </ul>

spry code:
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 10pt;
	cursor: default;
	width: auto;
	height: 30px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-align: center;
	vertical-align: middle;
	letter-spacing: normal;
	word-spacing: normal;
	float: none;
}
ul.MenuBarActive
{
	z-index: 1000;
}
ul.MenuBarHorizontal li
{
	list-style-type: none;
	font-size: small;
	text-align: center;
	cursor: pointer;
	width: 70px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	position: absolute;
	left: -1000em;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 8.2em;
}
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}ul.MenuBarHorizontal ul
{
	border: 0;
}ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #f02c3f;
	padding: 0.5em 0.75em;
	color: #FFFFFF;
	text-decoration: none;
	border-left-width: thin;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-right-width: thin;
	border-right-color: #FFFFFF;
	border-right-style: solid;
}ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	color: #FFF;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	text-decoration: underline;
}ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #f25f6d;
	color: #FFF;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

Last edited by Corrosive; 02-19-2009 at 07:36 AM.. Reason: wrapped code
hectoroni is offline   Reply With Quote
Old 02-19-2009, 06:40 AM   #5
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,200
Default

try , where you have
.hjmenubar {
font-family: Arial, Helvetica, sans-serif;
background-image: none;
width: 710px;
height: 32px;
}
add
[CODE]position:relative;
float:right;CODE]
then try floating your spry right also.
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 02-19-2009, 07:30 AM   #6
hectoroni
 
Join Date: Feb 2009
Location: redwood city, california
Posts: 4
Default

Thank you! That worked. Except that the item order (Contact, about, portfolio) is different than in Firefox and Safari (which go Portfolio, About, Contact). The IE order makes sense since that's the order in which they appear in my code. More to figure out tomorrow. Thanks again for the quick response.
hectoroni is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 08:48 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com