MozillaZine

Site Suggestions

Tuesday January 8th, 2002

A few of you have asked for us to post a news item taking your suggestions for the site, so here it is. Tell us all your ideas for what we can do to improve the site. Anything you want we'll think about, but try to keep it realistic.

Just to keep you updated, one of the things we're planning on working on is getting the ChromeZone up again, if we can find some volunteer editors to help organize themes. If you're interested, please email me and I'll get back to you sometime this week.

UPDATE! Right now we're working on dumping all the tables and other old HTML within the site to both show off Mozilla's skills, and to get our file sizes smaller. If you're using Communicator to view the site, you'll notice everything looking pretty ugly, thanks to the poor CSS support it offers. If you're using IE, it'll look a bit better, but thanks to IE's lacking CSS2 support, the sidebar will show up incorrectly. We've completely redone the homepage and talkback code, and we'll be working on the forums next.

UPDATE 2! We discovered Google's great "Search Site" feature, and have added it. Right now it has most areas of the site indexed except news item talkback pages. It will start indexing talkback today, and will hopefully add all of the old items, in addition to picking up the new ones.

UPDATE 3! We've been working hard to get as many of your suggestions as possible implemented, and we encourage you to continue the feedback. You can check this article's responses for what items we have fixed, or are working on.


#54 Remove the tables

by erik <erik@eae.net>

Friday January 11th, 2002 3:45 PM

You are replying to this message

It is a good thing that all the old HTML3 layout tags are disappering but to there is really no reason to use the table layout css properties. All you have done is to remove the TABLE tags and replaced it with a div that is displayed as a table.

You should use float or absolute position instead. Below is a simple layout using abs position for the sidebar and the content fills the rest of the width.

As you can see. This is a much nicer solution and does not require any slow table layout algorithms :-)

<style type=\"text/css\">

body { margin: 10px; }

.header { background: yellow; }

.content { background: #eeeeee; margin-right: 100px; }

.sidebar { position: absolute; right: 10px; background: lime; width: 100px; }

.footer { background: red; }

</style>

<div class=\"header\"> header </div>

<div class=\"sidebar\"> Sidebar<br/> Sidebar<br/> Sidebar<br/> </div>

<div class=\"content\"> This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. This the content text. </div>

<div class=\"footer\"> Footer </div>