Jul 26, 2008

Css Positioning Trouble - in FIREFOX! yet IE displays it as i want

Free Web Hosting, No Ads > CONTRIBUTE > Computers > Programming Languages > CSS (Cascading Style Sheets)

free web hosting

Css Positioning Trouble - in FIREFOX! yet IE displays it as i want

Lozbo
Wait wait! im not complaining about firefox! i couldnt ever do it, but the fact is that for the very darn first time IE is actually showing the thing as i want it...

I have a table inside a div, and i want the table to be right aligned, and IE6 does so (not the same for ie for mac though) but firefox keeps it to the left, the best thing i've achieved with this is a fixed position which does not look good while resizing...... ive also tried floating and even adding a wrapper... so i dont know what to do...

this is the site:

http://www.cucea.udg.mx/cucea/graphix/chapala

I think you should figure it out the way i want it, if you look it in Firefox and then in Internet Explorer...

Also, as i have the time on my shoulders, i couldnt do a "more standars compliant and accesible" tools menu, so if you could also help me with a compliant menu made of these icons only, with a list markup (or whatever is most apropiate)...

Thanks in advance!

 

 

 


Reply

jlhaslip
Lozbo,
I had a quick peek. I'll try to spend a few minutes on it later, but was just curious about something.
Why is that list of links a table? Why not a ul inside a div? And also, rather than using javscript for your rollovers, why not css a:hover's ? You might have a valid reason, but I am mostly just curious.

Reply

Lozbo
I did it all in fireworks html, it generates the code, the images and the scripts, i made it there becouse i ran out of time, but i put all the code into a single file which i will include in all the other files, so that i could update it later... yes i know... fireworks html is fast and cheap but not standard tongue.gif

Reply

Tyssen
Link's not working. Any time something looks right in IE but not FF, you know there's something wrong with your code cos IE doesn't follow the W3C specs properly in a lot of cases.

Reply

Lozbo
yes im very sorry! i changed the link to its actual finishing place:

www.cucea.udg.mx/pmic

Had lot of trouble but here i am again, and theres the link that works

Reply

Tyssen
You can't use position:absolute and float: right together. position:absolute overrides the float. You should be wary of using absolute positioning at all.
You should be using float: right but due to too much stuff being positioned absolutely, you're running into troubles. Lose all the absolute positioning, use the normal flow of the document instead and use floats when you want stuff to be left or right.

Reply

Lozbo
But how am i suposed to tell the tool bars menu to stay 130 pixels away from the top? mmm ill try some margins and padding but think that is going to mess up a little bit the code...

I didnt have all the time this floats but as i was debuging and trying to get firefox do what i want, i coded it into my style sheet but dont know how to make firefox display it to the right, anyway let me do it on monday as that website is being developed at job...

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Recent Queries:-
  1. table firefox position css ignore - 2.79 hr back. (1)
  2. vertical css positioning in ie - 8.10 hr back. (1)
  3. css positioning firefox - 8.70 hr back. (1)
  4. javascript css positioning firefox - 8.71 hr back. (1)
  5. positioning in ie firefox - 8.76 hr back. (1)
  6. css absolute position firefox ie - 11.14 hr back. (1)
  7. css absolute positioning firefox left - 11.38 hr back. (1)
  8. image position ie ff css - 16.47 hr back. (1)
  9. css ul acting strange in firefox? - 17.38 hr back. (1)
  10. css positioning internet explorer - 22.86 hr back. (1)
  11. css position firefox ie - 25.02 hr back. (1)
  12. absolute position css ff and ie - 25.97 hr back. (1)
  13. css position in firefox - 30.17 hr back. (1)
  14. css position firefox explorer - 30.74 hr back. (1)
Similar Topics

Keywords : css, positioning, trouble, firefox, displays

  1. Style Not Displayed Correctly On Firefox [resolved]
    (16)
  2. Link Image Css Bug In Firefox
    Can anyone help me? (7)
    I have a problem in a site I am creating. I have styled my post content links in the following
    way. CODE #post-content a {     background-color: #bf6f3c;     color: #fff;
        padding: 2px 2px 1px 2px;     border-bottom: 1px solid #7f4926; } #post-content
    a:hover {     color: #f5fac7; } And when I insert an link image like so: There
    seems to be an extra border inherited from my #post-content a style. I have attached the screenshot
    to show the problem. This was how my link image should look like: CODE #post-content a img { ....
  3. Looking For A Fix To Use "fixed" Positioning In Ie
    (8)
    Hi all I'm trying for the first time to use JS to modify styles and such and part of my design
    is to have a DIV appear in the middle of the browser's window, so to do this, and keep the DIV
    in the middle even while scrolling ive used the FIXED positioning style with CSS, now i develop in
    FF so as soon as i toggle to IE, version 6.x, i suddenly see that my DIV is just stuck at the top
    not where it should be and not FIXED either. After some research i find that FIXED doesnt work in IE
    less than version 7, now i could just upgrade to IE7 despite my reluctance but t....
  4. How To Make Design Css With Firefox/iexplorer?
    (7)
    Am using css for designing my sites in that i had a problem while design css for iexplore it show
    good in iexplorer and the same design view differently in firefox what should i do to avoid such
    difference.....
  5. Css Trouble
    ul submenu displays weird in IE (7)
    I have asked for help in the css creator forum, but I haven't got an answer. Well some one
    actually posted something but didn't work, so I will post my trouble here to see if somebody can
    bring light... thanks in advance... QUOTE Menu in css, shows fine in the good browsers. I
    use the suckerfish dropdown js principle to have a vertical menu with a submenu poping out. I think
    I have some issues as to xhtml or css around all over the index, but the trouble I can't fix is
    the submenu acting weird in IE6 and it looks like in IE7 also. When you hover over....
  6. Ie6 Relative Positioning Bug
    how to avoid (1)
    i have the following definition in my style and i'd like all elements in site to be relatively
    positioned against their parents so i can position any of them absolute when i need to: CODE
    {     margin:0; padding:0;           font-family:verdana,arial,sans-serif;     
    font-size:11px;      text-align:left;      background:none;      color:black;     
    position:relative;     } All good in opera9 and FF2beta but IE6 stills the page without the
    possibility of scrolling it down. Any ideas?....
  7. Css Scrollbars In Firefox?
    (10)
    Ok, I wasn't too sure weither this topic would be better under Internet or Software, so if it is
    in the wrong place please forgive me. I have a question about web browsers. I currently use
    Firefox and I was wondering if there is a way to get FireFox to display CSS Scrollbars, like Opera
    and Internet Explore do. I've currently looked at the FireFox Add-On site and did a few
    searches on Google and I have come up with nothing and I'm getting a strange suspision that
    there is no way to do such a thing. If anyone can help I will be forever grateful. /biggri....
  8. Problem With Mozzilla Firefox And Css
    (3)
    If someone got Mozilla Firefox then: Here there is site: http://luckyclover.trap17.com/ In (IE,
    Opera) other browsers this page is showing propetly but Mozzilla don't show BG image in tables
    always when i use style class from CSS just eat whole row. The last menu on right don't use
    style class from css and mozzila show all BG images. Someone know what CSS function mozzila not
    support or meybe this is a bug ? If you guys see source code in mozilla you see there is code for
    this stuff but mozilla ignore them. HELP /cool.gif' border='0' style='vertical-align....

    1. Looking for css, positioning, trouble, firefox, displays

Searching Video's for css, positioning, trouble, firefox, displays
advertisement



Css Positioning Trouble - in FIREFOX! yet IE displays it as i want



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE