Click to See Complete Forum and Search --> : CSS crashing in my site


Perfidus
04-30-2008, 07:09 AM
:confused: Hello there !
I'm restiling a site and I'm using CSS for this.
The problem is that my design looks perfect on IE7 and FF, but if you are using IE6 then it looks messed.
Can somebody take a look at my code and tell me what is unstable there??
I have removed images and it is just the typical "lorem ipsum" stuff, but CSS is in the page itself and the distribution of contents looks in my browser as it should look: 3 columns under a big central image.
Take a look (http://www.linguanegocios.com/xperiments/neutro.html)

Centauri
04-30-2008, 07:29 AM
Besides invoking IE6's doubled float margin bug, the biggest problem here is illogical arrangement of content. Look at the page with styles turned off - does it make sense? - no. If the information in each column is related (as it looks to be given the title names) then group all that content within a div, and float the whole div. Everything below the central "graphic" should be contained within three divs, all floated against each other. The contents of each div will just stack below each other naturally, and the contents will be logically grouped.

WebJoel
04-30-2008, 07:37 AM
Maybe it's just me, -but that looks like anm awful of large amount of CSS for such small HTML. Typically, the CSS would be maybe 10-20% of the whole document. This looks closer to 50%. In short: optimization.

CSS crashing your site? :( -I had someone whose initials are "C.S" crash my houseparty last week... (I know, -totally un-related tangent... I need coffee!)

Perfidus
04-30-2008, 08:36 AM
You both right, the thing is that I've started the design without a previous planning, not even a simple draw, just the idea in my mind, and now I realize it badly needs to be rearrange.
There's only 1 thing I don't agree, don't think there must be a proportional relationship between the amount of CSS and HTML in a Web, despite of the fact that in my example theres too much CSS.
:)