There is still something realy wrong going on with your CSS

Discussion about forum rules, new moderators, website content, website layout, VideoLAN artwork etc..
Forum rules
Please read the forum's rules carefully before posting. This forum should not be used to post VLC usage related questions.
Tombigel
Blank Cone
Blank Cone
Posts: 70
Joined: 05 Mar 2006 00:34
Contact:

There is still something realy wrong going on with your CSS

Postby Tombigel » 13 Sep 2006 00:17

The layout still breaks on resize in all the browsers I tested. (WinXP - IE 6, IE 7rc1, FF 1.5, FF 2.0b, Opera 9)

adding to my previeus post about the layout (in the "anouncement" thread):

1. The navbar breaks - in some browsers only the word "support" drops down aline, in some browsers the nav bar simply wraps.

2. In some pages - different pages on every browser - the orange/blue boxes on the right wrap down when the window gets too small.

3. The background image sometimes disapears or flashes in IE and FF.

I had a brief look at the CSS -

1. You are using a "clearfix" hack, In my opinion it's considered bad coding... It sometimes has unexpected results:
using "clear:both" in some cases causes the "pee-ka-boo" bug in explorer where some elements disapear randomly from the screen - should be used with causion (I don't know if it's the case here, but it's a general advice).

2. You are using the min-width CSS style on the wrong element, it should be applied on the "pagecontainer" element - tested it localy in FF (with "Web developer toolbar") and it works good.
BUT "min-width" doesn't work for IE 6 and below - there is a simple fix to this (didn't check it but I think it should work) - I believe that using a fixed 750px width div inside the "pagecontainer" (even an empty one) and giving the "pagecontainer" overflow:visible" style along side the "min-width:750px" will give the same result in IE (IE has a bug that causes it to change the size of a parent element if a child element has a width/height which is larger than the parent, this fix uses this bug to emulate the missing "min-width" style) (EDIT: The blue section is wrong, sorry)

3. You should optimize the CSS a bit, even deleting all the extra spaces and puting every style in only one line should optimize the load time of the CSS.
Last edited by Tombigel on 13 Sep 2006 20:12, edited 1 time in total.

Jean-Baptiste Kempf
Site Administrator
Site Administrator
Posts: 37523
Joined: 22 Jul 2005 15:29
VLC version: 4.0.0-git
Operating System: Linux, Windows, Mac
Location: Cone, France
Contact:

Postby Jean-Baptiste Kempf » 13 Sep 2006 00:59

You are so right. I should deal with it, but I am a bit in a rush.
I'll check it ASAP, promise :cry:

I don't know if I understand everything, but I'll try.
Jean-Baptiste Kempf
http://www.jbkempf.com/ - http://www.jbkempf.com/blog/category/Videolan
VLC media player developer, VideoLAN President and Sites administrator
If you want an answer to your question, just be specific and precise. Don't use Private Messages.

Tombigel
Blank Cone
Blank Cone
Posts: 70
Joined: 05 Mar 2006 00:34
Contact:

Postby Tombigel » 13 Sep 2006 20:06

Just a fix to my previous post:

I was wrong with the solution I gave for the "min-width" emulation in IE, I should have checked it before I posted, though logicly it should have worked - it doesn't.

I got stuck with the same problem in a site I'm working on now, and for now I don't have a fully working solution that doesn't involve javascript.

An extra fixed width div around the top nav bar will fix the wrapping that happens to the menu items when the window is resized.

about all the rest... I'm working on it for my site now, and if I'll find a simple non-script solution I'll post it here.


Return to “Forum, Website and Artwork discussion”

Who is online

Users browsing this forum: No registered users and 5 guests