Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
problem with position in fireFox
Old 08-10-2007, 02:16 AM problem with position in fireFox
Skilled Talker

Posts: 60
Name: tami
Trades: 0
i have a menu that is a list and its in a div that float to the left like this:
Code:
 
<div  id="menu-content">
    <ul id="list-menu"  >
          <li><item</li>
         <li><item</li>
         <li><item</li>
        </ul>
<div>
and i made it float:
Code:
#menu-content {
float:left;
width:120px;
}
i want to add a few banners under the menu so a put them in the same div as the menu at the end. in explorer it works fine but in firefox it covers the menu' i tried lots of thing and nothing works/ how can i solve this?
pizza is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 08-10-2007, 03:14 AM Re: problem with position in fireFox
ADAM Web Design's Avatar
Canadastaninianite

Posts: 5,938
Name: Adam for web page design, not program
Location: Toronto, Ontario, Canada
Trades: 0
Take the < characters out before the item. If you need them, replace them with &lt; .
__________________

Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
(my blog)


Please login or register to view this content. Registration is FREE
(with proof)
ADAM Web Design is offline
Reply With Quote
View Public Profile Visit ADAM Web Design's homepage!
 
Old 08-10-2007, 03:18 AM Re: problem with position in fireFox
Skilled Talker

Posts: 60
Name: tami
Trades: 0
i just wanted to make the code short . what i really have in the <li> is:
Code:
<li><a href="tickets_eng.html">tickets</a></li>
so i am not sure what you mean by the characters out?
pizza is offline
Reply With Quote
View Public Profile
 
Old 08-10-2007, 05:47 AM Re: problem with position in fireFox
bas
Super Talker

Posts: 108
Name: Bas
Trades: 0
Give us your full menu-markup (including banner-markup) and all css-styles with influence on your banner and menu. There can be plenty of possibility’s causing your problem, so we can’t help you without more details.

Is your page online already? Give your link then instead.

Quote:
so I am not sure what you mean by the characters out?
You just made a fault in your code when making it shorter to post here and ADAM Web Design gave you a solution for that fault. (so you can ignore it for your real code).

Please be complete and don’t short your code in where it shouldn’t be. We can’t guess for it.
bas is offline
Reply With Quote
View Public Profile
 
Old 08-10-2007, 06:17 AM Re: problem with position in fireFox
Skilled Talker

Posts: 60
Name: tami
Trades: 0
my site is up already: http://www.israeldidjfestival.com/

i have it also in english, when you press artists you can see the banners
pizza is offline
Reply With Quote
View Public Profile
 
Old 08-10-2007, 07:11 AM Re: problem with position in fireFox
bas
Super Talker

Posts: 108
Name: Bas
Trades: 0
Now look what I found in your style:

Code:
ul#list-menu {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin:0px;
padding:0px;
list-style:none;
direction:ltr;
border:#851F03;
border-width:0px 1px 1px 1px;
height:29px;
/*    width:120px;*/
}
What you do is setting your Menu ul to a height of 29px, look at your menu, is it only 29px? No it isn’t, so you just have to use a higher value (380px for example); or better, set height to auto.
Sou use this code instead:

Code:
ul#list-menu {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin:0px;
padding:0px;
list-style:none;
direction:ltr;
border:#851F03;
border-width:0px 1px 1px 1px;
height:auto;
/*    width:120px;*/
}
To get it better looking in IE 7, use this too: (otherwise you get a small border under each button when you go over it)

Code:
ul#list-menu li {
padding:0;
margin:0;
display:block;
height:29px; /*has to be the same as the height defined in your ul#list-menu li a */
}
ps. in Internet explorer 7 your original code did not work fine either, just the same problem as in firefox.

Last edited by bas; 08-10-2007 at 07:13 AM..
bas is offline
Reply With Quote
View Public Profile
 
Old 08-10-2007, 10:13 AM Re: problem with position in fireFox
Skilled Talker

Posts: 60
Name: tami
Trades: 0
i changed the height to auto and it works ok in fire fox but now in explorer each <li> has a diffrent height.
pizza is offline
Reply With Quote
View Public Profile
 
Old 08-10-2007, 10:37 AM Re: problem with position in fireFox
bas
Super Talker

Posts: 108
Name: Bas
Trades: 0
Quote:
i changed the height to auto and it works ok in fire fox but now in explorer each <li> has a diffrent height.
Are you sure you have correctly implement my code? Because when I look at the page I copied and edited on my computer, all <li> buttons have the same height, in Firefox, IE7 and IE6.
bas is offline
Reply With Quote
View Public Profile
 
Old 08-10-2007, 12:58 PM Re: problem with position in fireFox
Skilled Talker

Posts: 60
Name: tami
Trades: 0
yes... i even used yourr advice IE7 /its already on the web
http://www.israeldidjfestival.com/
Code:
ul#list-menu li {
padding:0;
margin:0;
display:block;
}
but now i have no padding at all and there is no space between the text and the border/
and do you have an idea why my page blinks when i move over the menu i n IE?
pizza is offline
Reply With Quote
View Public Profile
 
Old 08-10-2007, 01:07 PM Re: problem with position in fireFox
bas
Super Talker

Posts: 108
Name: Bas
Trades: 0
Why did you change this? (I did not mention any of these)

Code:
ul#list-menu li a {
text-decoration:none;
display:block;
padding:0;
margin:0;
background: #336600;
border-top:1px solid #339900;
color:#ff9933;
height:auto;	
}
Set it back to the original code, or better, use this:

Code:
ul#list-menu li a {
text-decoration:none;
display:block;
padding:0 0 0 4px;
margin:0;
background: #336600;
border-top:1px solid #339900;
color:#ff9933;
height:29px;
Line-height:29px; /* the same as the height-property, to vertically centre the text*/
}
bas is offline
Reply With Quote
View Public Profile
 
Old 08-10-2007, 01:38 PM Re: problem with position in fireFox
Skilled Talker

Posts: 60
Name: tami
Trades: 0
i guess i got it wranf the first time, but thanks alot because i got it now and it works. so thank you again...

i just wonder now why does it blink when i go over the menu with the mouse (only in ie 7)
pizza is offline
Reply With Quote
View Public Profile
 
Old 08-10-2007, 01:48 PM Re: problem with position in fireFox
bas
Super Talker

Posts: 108
Name: Bas
Trades: 0
It doesn't blink in my IE7, so I really don't know.
bas is offline
Reply With Quote
View Public Profile
 
Old 08-10-2007, 02:10 PM Re: problem with position in fireFox
Skilled Talker

Posts: 60
Name: tami
Trades: 0
thanks alot anyway....
pizza is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to problem with position in fireFox
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.35490 seconds with 12 queries