Don´t get it, floats-problems?

Discussion in 'CSS' started by photomoon, Mar 14, 2010.

  1. #1
    Hey!
    I have tried, and tried to figure out what I´m doing wrong (probably with the floats).
    There is something really wrong, even in Firefox, with the menu-, main- and sidebar (floats).
    I have been reading about floats and so but at the moment I don´t get the problem... :oops:

    See the webpage for example in IE6 and then you get what problem I´m talking about (even in FF I think there´s problems eventhough you don´t see them).

    Don´t understand why the #main popping up besides the #menu (if I for example don´t have enough of padding in #menu li ), or if I put #menu width:100%;?). Meaning, I´ve tried to put #menu {width:100%;}. What else do I then have to change and/or add (not to get collapsing margins/floats)?

    Can somebody help me...? :cool:

    Thanx!!

    Here´s a link to the homepage (and codes) : http://www.bluechalo.com/tindradesign1.3.html
     
    photomoon, Mar 14, 2010 IP
  2. Wp-Mod.Com

    Wp-Mod.Com Peon

    Messages:
    381
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #2
    sorry but as of now , people stop supporting ie 6 and if we dont drop it , we will have to give support for it , so my advice stop check in that ie6 browser , cannot help you
     
    Wp-Mod.Com, Mar 14, 2010 IP
  3. photomoon

    photomoon Peon

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Okey, good to know. First time I´ve heard of it. =o)

    But there´s still problems in FF as well (it just shows so good in IE6 WHAT problem I´m talking about...)
     
    photomoon, Mar 14, 2010 IP
  4. photomoon

    photomoon Peon

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    One more problem I have discouvered is the wrapper (or is it just in Dreamviewer it doesn´t surround everything (it looks like it´s just the header it surrounds). Is there anything I can do?
     
    photomoon, Mar 14, 2010 IP
  5. dabzo

    dabzo Peon

    Messages:
    188
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Float all divs in the same direction, and try, if you have to float on in the opposite direction, making it fixed with and aligning the text to that direction... Just a couple thoughts.
     
    dabzo, Mar 14, 2010 IP
  6. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #6
    **** that, some of the worst advice usually given by crybabies who never bothered to understand HTML/CSS in the first place and do nothing but sleaze out websites any old way. With so many in circulation handhelds stuck on 6, mac ****'s who still use 5.2 because it's the only IE they get, and people working in businesses stuck on in-house crapplets that don't work right if IE7/newer is even installed... not supporting 6 is a bunch of bullshit and the people doing things like that stupid malfing "IE Funeral" deserve a good hard slap with a wet trout.

    Especially since it's SO DAMNED EASY TO SUPPORT FROM ONE CODEBASE. Hell, most of the time it doesn't work it's either as simple as a haslayout issue, someone is jumping the gun attempting deploy technologies NOT EVEN OUT OF DRAFT, or is fatally flawed at the most basic levels through things like invalid code, non-semantic markup, tag abuse, use of javascript to do CSS' job and just plain over-thinking of the simplest of layouts.

    Case in point, let's look at photomoon's page here. First off I'm seeing four different layouts between IE8, Opera, FF and Chrome... So IE6 is the LEAST of the problems. Empty header element for piss poor images off graceful degradation, probably invalid heading orders once you start adding subpages or sidebar content... case in point is that directory H2 a subsection of the welcome text? No, it isn't, which is why the <div id="header"> should be the h1 and the content h1 should be a h2. DIV around the menu for no good reason I can see, comments after instead of before the closing tag likely tripping the double render and/or disappearing content bugs in everything prior to IE8.. (confirmed, both 7 and 6 are double rendering here).... and wrapper tries to be closed more than once...

    Tack on that it's a "crappy little stripe" fixed width design and one wonders where/how you could even be HAVING issues.

    Gimme a few minutes, I'll rewrite it for you how I'd approach the problem.
     
    deathshadow, Mar 19, 2010 IP
  7. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #7
    ... and here it is.
    http://www.cutcodedown.com/for_others/photomoon/take2/template.html

    as with all my examples the directory is unlocked
    http://www.cutcodedown.com/for_others/photomoon/take2

    so you can grab the gooey bits. Valid XHTML 1.0 Strict, would be valid CSS 2.1 if not for the expression to emulate min-width and max-width since I switched it from being a fixed layout to being semi-fluid. Tested working IE 5.5, 6, 7 & 8, Opera 10.10 and 10.51 beta, FF 2 and 3.6, and the latest flavors of Safari and Chrome.

    None of that IE conditional ***ogtry, none of that "Oh just don't support IE6" malarkey... It's easy enough to do, so go ahead and do it and ignore the nimrods who want to propel us back to 1998 with the "Best viewed in" bullshit.

    Hope this helps.
     
    deathshadow, Mar 19, 2010 IP
  8. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #8
    DS, I was going to rep you on the IE6 bit, but this silly rep system won't let me because apparently I've already repped you within the last ten years. :shrug:

    IE6's issues are well known, as are the fixes. There is simply no good reason not to apply them. On my own little site, all IEs total only ≗18% of all browsers (Web developers are my main set of visitors), and IE6 is still represented by ≗11% of all IEs. That percentage would likely be higher in a less technically aware audience. That's a very small portion of my total visitors, but would be a significant number where a site has a high proportion of its visitors using IE.

    cheers,

    gary
     
    Last edited: Mar 19, 2010
    kk5st, Mar 19, 2010 IP
  9. dezigno

    dezigno Peon

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Float all the DIV's to the left, that way they wont be going in the wrong places.
    Don't check the layout for errors in IE6 because no one does.
     
    dezigno, Mar 20, 2010 IP
  10. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #10
    Well, now. That's absolutely wrong, isn't it? In this thread, you've had two very experienced developers, who actually know what they're doing, advise just the opposite.

    cheers,

    gary
     
    Last edited: Mar 20, 2010
    kk5st, Mar 20, 2010 IP
  11. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #11
    Yeah, but some people are lazy ***'s, whaddaya gonna do, make them actually do that extra minute worth of WORK? Oh noes... NOT WORK!!! AAAHH!!!

    Which would still be what, over a third of IE visitors - and given that there are MORE PEOPLE USING IE TODAY than there were five years ago (turning that whole 'they're loosing market share' arguement into card stacking lies) That's not a demographic you can just walk away from.

    Especially when over a third of the people using IE6 six years ago are still using IE6... How can I say that?

    In 2004 the only IE that mattered was IE6, and it had approximately 90% of all internet users worldwide.<1> At that time, only 14.6% of the world population was using the internet <2> and at that time the world population was 6.38 billion<3>...

    Today in 2010, by my own website numbers some 33% of IE users, aka 18% of total users (hey, that's the same as kk5st's number) are still reporting as IE6... We run that past the 54.5% of the wikipedia median <1>, against the current world population of 6.809 billion and the projected estimate of internet use worldwide of 32%... Huh, why is it every time I look at google public data they seem to have deleted another year off the end? It's down to 2007 now! My fact checking making them nervous on pointing out the lie of browser share?

    In any case, while the 2010 numbers are semi-guesstimate, the deviance should be less than 3%, so we can fairly safely say:

    IE 6
    2004 IE users: 838 million
    2010 Estimate IE users: 388 million

    ok, more than a third of the people using IE in 2004 are still using IE6 today. Suddenly feeling silly about saying "To hell with 388 million users"? Oh, nobody cares about them... You know, people with jobs forced to keep using it at work because of in-house crapplets? People who are still on 2k/98/ME because unlike us technogeeks they can't afford a thousand dollar purchase every three years? The sheer volume of windows mobile PDA's and phones that are still on the IE6 engine? Yeah, to hell with them.

    Just as I previously calculated on my blog.. well, let's apply the above numbers to IE as a whole.

    IE All Versions
    2004 IE users: 838 million
    2010 Estimate IE users: 1,176 million

    There are more people using IE today than there were in 2004 even with the 'loss' in market share! Hell, there's the laugh of it - while they've "lost" some 36% 'share' of the market, they've grown the userbase 40%!!! The percentage of the population using the internet has more than doubled since IE's legendary 90%+ market dominance some six years ago, and the world population has grown 6% - add those together and what was 90% of internet users in 2004 is only 38.4% of todays internet users!!! THINK before you blindly trust just a flat percentage when what it's a percentage of is not a fixed value!

    To those of you who think IE use is on the decline, or that IE6 doesn't matter anymore; As I keep saying when the size of the pool changes share becomes meaningless. Don't let the floss zealots and rabid open source fanboys keep lying to you! Rub your brain cells together and think for a second.
     
    Last edited: Mar 20, 2010
    deathshadow, Mar 20, 2010 IP