How does newegg scale their front page?

[Asgorath]

I'm working on a site re-design and have been looking around for inspiration. I was looking at newegg's site and how they deal with multiple resolutions.

Its really cool IMO....look at their mainpage, then drag your browser smaller. See how @1280x1024 they have 4 products wide, but at around 800x600 they only have 2 products wide? I really like that.

I just don't know how they do it. Do they use layers? I don't know much about layers but that would make sense. Put those center products on the back layer and the rest of the page on the top layer. Something like that.

Please educate me. I want my new site to be far more functional and pretty than my current site.

If you want to see my current site you can go to www.upupandawaykites.com .

The new site will be using OSCmax 2.0 as the front, and PHPnuke for our store's club. I will likely be asking for more help and advice in the future but we'll deal with that when it comes.

Thanks!

Greg

 

[Wiseguy2001]

It's actually easier than you would think. All you have to do is change the width values for your tables from pixels to percentages. Take your website for example, which is made up of a table with nested tables inside it. Near the top (about 20 lines down) you have the following code

<table align="center" width="750" border="0"  cellpadding="0" cellspacing="0">

simple change the width from "750" to "90%". This is now changed from a static 750 pixels wide to 90% of the user's browser window.

 

[MScrip]

Oh lord... a website in a table...

You have upset the CSS gods...

Seriously though... I still use tables... I haven't mastered CSS yet...

 

[mikeblas]

I thought that using tables for layout was evil. IS it accepted, and I'm just listening to fanatics?

 

[KingKaeru]

css example:

<div style="margin: 0 auto;width: 90%">
  <div style="width: 100px;float: left;">left column</div> 
  <div style="width: 100px;float: right;">right column</div>
</div>

--KK

 

[MScrip]

I thought that using tables for layout was evil. IS it accepted, and I'm just listening to fanatics?

Table for layouts can be a fanatical argument. Those learning web design today should learn CSS for layouts. And everyone else should be on board too.

But, the truth is... people have been putting websites in tables since the beginning of the web! Remember when every site was 600 pixels wide? Those were tables. That's all there was back then. Before CSS was fully supported by browsers, table were the way to go. And they still work today. It's not the best thing to do, but it works.

You can't blame someone for using tables for layout when they worked all along.