HTML Coding
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
User Name:
Password:
Remember me
Go Back   SEO Chat ForumsOtherHTML Coding

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread SEO Chat Forums Sponsor:
  #1  
Old July 9th, 2003, 01:02 PM
tejas tejas is offline
Contributing User
SEO Chat Newbie (0 - 499 posts)
 
Join Date: Apr 2003
Posts: 34 tejas User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 7
What should i do?

Hi everyone,

I use tables on my site, but if i were to see the site in different screen dimensions, tables gets messed up. For example, if i were to see the site on 800 X 600, left column gets all mixed in, if i were to see it on 1024 X 768 then it looks alright.

How can i make it all constant? It is really frustrating...
my site is: http://www.thedesi.com.

Any feedback about the site will be greatly appreciated.

Thank you.

Tejas Shah
www.thedesi.com

Reply With Quote
  #2  
Old July 9th, 2003, 06:48 PM
Tresern's Avatar
Tresern Tresern is offline
Contributing User
SEO Chat Newbie (0 - 499 posts)
 
Join Date: Jun 2003
Location: Amsterdam, The Netherlands
Posts: 205 Tresern User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 8 h 15 m 25 sec
Reputation Power: 7
hey tejas,

I suggest to stop using % values at the *width* tags in your table tags. Just replace the % with the amount of pixels.

Reply With Quote
  #3  
Old July 10th, 2003, 04:54 AM
Coenraad Coenraad is offline
Member
SEO Chat Newbie (0 - 499 posts)
 
Join Date: Feb 2003
Location: the Netherlands
Posts: 39 Coenraad User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
Your first table has a width of 950 px. So in 800*600 your table is wider then the screen and that why there is horizontal scrolling.

Reply With Quote
  #4  
Old July 10th, 2003, 12:43 PM
Tresern's Avatar
Tresern Tresern is offline
Contributing User
SEO Chat Newbie (0 - 499 posts)
 
Join Date: Jun 2003
Location: Amsterdam, The Netherlands
Posts: 205 Tresern User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 8 h 15 m 25 sec
Reputation Power: 7
Looks better now, tejas. Only keep in mind that when you use pixel widths, you have to keep it as small as possible. Things have to look good in all screen resolutions. Try testing your site in screen resolutions from 800x600 till 1280x1024+. Although 1024 x 768 is far out the most used resolution right now, 800x600 is still used by around 5% of the internet users, that's 5% of your visitors, 5% will not see your tables on the right when they take their first look on your site.

Last edited by Tresern : July 10th, 2003 at 12:45 PM.

Reply With Quote
  #5  
Old July 12th, 2003, 08:58 PM
zen's Avatar
zen zen is offline
Contributing User
SEO Chat Newbie (0 - 499 posts)
 
Join Date: Feb 2003
Location: CT/USA
Posts: 162 zen User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 8
Send a message via ICQ to zen
Quote:
Originally posted by Tresern
hey tejas,

I suggest to stop using % values at the *width* tags in your table tags. Just replace the % with the amount of pixels.


doing "fluid" design takes some work, but it is much better IMHO, pros use fluid design. You just have to work at a bit more and KNOW your HTML.

:-D
__________________
www.kidoimages.com
web development
www.kidomedia.com
multimedia enhancements

Reply With Quote
  #6  
Old July 13th, 2003, 05:23 AM
Tresern's Avatar
Tresern Tresern is offline
Contributing User
SEO Chat Newbie (0 - 499 posts)
 
Join Date: Jun 2003
Location: Amsterdam, The Netherlands
Posts: 205 Tresern User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 8 h 15 m 25 sec
Reputation Power: 7
Quote:
doing "fluid" design takes some work, but it is much better IMHO, pros use fluid design. You just have to work at a bit more and KNOW your HTML.
True. But with the site from trejas fluid design is not possible, the site looked messed up. If he like to use fluid design he have to rebuild his whole site.

Reply With Quote
  #7  
Old July 24th, 2003, 06:20 PM
arden42 arden42 is offline
Contributing User
SEO Chat Newbie (0 - 499 posts)
 
Join Date: Jul 2003
Location: Australia
Posts: 43 arden42 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 7
Quote:
Originally posted by Tresern
Things have to look good in all screen resolutions.


Which is why fluid design is much better. Statistics on screen resolution are questionable at best, and in reality are irrelevant, because you have no way of knowing whether your visitor has their screen maximised or not.

This means that your 5% that won't see the right column will be much more (especially as you forgot 640x480 resolutions). So fluid design is by far the best option.

Yes, that will require a site redesign. Ultimately it is up to Tejas whether it is worth redesigning the site or not. Tejas, if you are going to redesign the site, I would recommend that at the same time you get rid of the tables used for layout and use CSS instead.

http://www.allmyfaqs.com/faq.pl?Tableless_layouts
is a good place to start.

HTH
__________________
Mark Parnell
http://www.clarkecomputers.com.au

Reply With Quote
Reply

Viewing: SEO Chat ForumsOtherHTML Coding > What should i do?


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump




 Free IT White Papers!
 
Create the Optimal Architecture for your Critical Applications
Warburton's the largest independently owned bakery in the UK faced a number of difficult challenges in providing the most robust yet efficient IT infrastructure for their organization's success. IBM's services combined with their xSeries servers created the perfect platform for their SAP environment with sufficient flexibility, and did so in very time effective fashion.

Request Your Free Technology Downloads!
 
Five Best Practices for Deploying a Successful Service-Oriented Architecture
This white paper describes the benefits you can expect with SOA, and how IBM can help take your business there.

Request Your Free Technology Downloads!
 
Gartner Magic Quadrant for Application Delivery Controllers
Gartner summarizes its view on Application Delivery Controllers, evaluates strengths and weaknesses of solutions, and provides Magic Quadrant reporting for a quick comparison across all vendors. Learn from Gartner how you can benefit from an all-in-one device like Citrix NetScaler that delivers the highest levels of availability, performance and security.

Request Your Free Technology Downloads!
 
Knowledge is Power
What you don't know can hurt you, and is likely costing you money and increasing your security risks during an era of scarce resources. This white paper proposes six key strategies that enterprise security managers can use to improve their network defense posture.

Request Your Free Technology Downloads!
 
Rationalizing the Multi-Tool Environment
The rationalized multi-tool approach is flexible, scalable and cost effective. It provides the necessary input to the IT service management business processes. It preserves prior investments in monitoring tools, empowers technologists to select the best tools with which to do their jobs, and enhances effective response to incidents.

Request Your Free Technology Downloads!
 

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 




© 2003-2010 by Developer Shed. All rights reserved. DS Cluster 8 Hosted by Hostway
For more Enterprise Application Development news, visit eWeek