User Name Password Register
DaniWeb IT Discussion Community
All
What is DaniWeb IT Discussion Community?
You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 391,596 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,706 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our HTML and CSS advertiser: Lunarpages Web Hosting
Views: 4292 | Replies: 12
Reply
Join Date: Jul 2005
Posts: 6
Reputation: kronos is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
kronos's Avatar
kronos kronos is offline Offline
Newbie Poster

Website width

  #1  
Jul 10th, 2005
Sorry to bother you all, extreme HTML newbie here ....

I recently purchased a premade website from 4templates.com, here is the link to the site I acquired here. Now, being the dork that I am, I didn't question the sites ability to fill fullscreen, and realised post purchase, that I had a limited width site, which sort of doesn't suit my needs. Before purchasing one that does, is there a way to make this adjust to screen res automatically?.

The index file is located here for anyone to have a look at, sorry you will have to use the "view page source" function to see it.

Would greatly appreciate any help/suggestions
thank you
AddThis Social Bookmark Button
Reply With Quote  
Join Date: Sep 2004
Posts: 6,017
Reputation: Narue has much to be proud of Narue has much to be proud of Narue has much to be proud of Narue has much to be proud of Narue has much to be proud of Narue has much to be proud of Narue has much to be proud of Narue has much to be proud of 
Rep Power: 26
Solved Threads: 414
Super Moderator
Narue's Avatar
Narue Narue is offline Offline
Expert Meanie

Re: Website width

  #2  
Jul 10th, 2005
Can you post the contents of main.css? It looks like the page uses the relative div with auto margins trick. If that's the case, then you'll see something like this:
div#wrapper {
  position:relative;
  width:70%;
  margin-left:auto;
  margin-right:auto;
}
Change width from whatever it is to 100%, that should fix your problem if I understand it correctly.
Member of: Beautiful Code Club.
Reply With Quote  
Join Date: Jun 2005
Location: Godalming, UK
Posts: 67
Reputation: JoetjeF is an unknown quantity at this point 
Rep Power: 4
Solved Threads: 3
JoetjeF JoetjeF is offline Offline
Junior Poster in Training

Re: Website width

  #3  
Jul 10th, 2005
Search the index.html file for width="763". Change it to width="100%". But I don't think it will look pretty as it seems that the page is build for a fixed width.
Reply With Quote  
Join Date: Jul 2005
Posts: 6
Reputation: kronos is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
kronos's Avatar
kronos kronos is offline Offline
Newbie Poster

Re: Website width

  #4  
Jul 10th, 2005
CSS file is here , it does not appear to have any width references.

The width 100% trick works, however like you said, with the whole thing being built on tables, it will require some time to fix the mess it makes.

Thanks for the replies so far.
Reply With Quote  
Join Date: Sep 2004
Posts: 6,017
Reputation: Narue has much to be proud of Narue has much to be proud of Narue has much to be proud of Narue has much to be proud of Narue has much to be proud of Narue has much to be proud of Narue has much to be proud of Narue has much to be proud of 
Rep Power: 26
Solved Threads: 414
Super Moderator
Narue's Avatar
Narue Narue is offline Offline
Expert Meanie

Re: Website width

  #5  
Jul 10th, 2005
>it does not appear to have any width references.
Nevermind, the layout is table driven. JoetjeF's suggestion will serve you better.
Member of: Beautiful Code Club.
Reply With Quote  
Join Date: Dec 2004
Posts: 49
Reputation: rus is an unknown quantity at this point 
Rep Power: 4
Solved Threads: 0
rus's Avatar
rus rus is offline Offline
Light Poster

Re: Website width

  #6  
Jul 11th, 2005
Some development tools, such as Dreamweaver will allow you to do a find & replace of code in an entire page and an entire site. This could make changing that code much quicker.
Reply With Quote  
Join Date: Jul 2005
Posts: 6
Reputation: kronos is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
kronos's Avatar
kronos kronos is offline Offline
Newbie Poster

Re: Website width

  #7  
Jul 12th, 2005
Thanks troops, but when I said I was an html newbie, I was not kidding, I understand the fundamental building blocks, but really have no clue what so ever as to the workings of programs like dreamweaver etc, and I think I will have to just purchase a fullscreen site, I just "don't have the powerrrr"

I have dreamweaver, and attempted to convert width measures to percent, but it did nothing, so I sort of got pee'd off, and had a hissy fit, then stopped, and had a cigarette to calm me down.

Its a pity, because the one I have was the best layout. This will teach me to make wiser decisions before purchasing things.
Reply With Quote  
Join Date: Dec 2004
Posts: 49
Reputation: rus is an unknown quantity at this point 
Rep Power: 4
Solved Threads: 0
rus's Avatar
rus rus is offline Offline
Light Poster

Re: Website width

  #8  
Jul 12th, 2005
Breathe... exhale... breathe... exhale...

Understandable, that's why we are all here. When you changed the width from absolute (a defined number like 800 pixels) to percentage it was probably only in the <table width=...> tag. If the table cells (the tag is <td>) has the width predefined as absolute, the you can chage your table to what ever you want and it won't make a difference. I should have mentioned this when I gave you the Dreamweaver advise.

Anyhow, if you have more time than money (like a lot of us) and want to dig a little deeper, you could figure out what the percentage would be for each of the table cells and do the same find/replace.
Reply With Quote  
Join Date: Sep 2004
Posts: 6,017
Reputation: Narue has much to be proud of Narue has much to be proud of Narue has much to be proud of Narue has much to be proud of Narue has much to be proud of Narue has much to be proud of Narue has much to be proud of Narue has much to be proud of 
Rep Power: 26
Solved Threads: 414
Super Moderator
Narue's Avatar
Narue Narue is offline Offline
Expert Meanie

Re: Website width

  #9  
Jul 12th, 2005
>I just "don't have the powerrrr"
You can't look through a text file and change 763 to 100%? :rolleyes:
Member of: Beautiful Code Club.
Reply With Quote  
Join Date: Jul 2005
Posts: 6
Reputation: kronos is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
kronos's Avatar
kronos kronos is offline Offline
Newbie Poster

Re: Website width

  #10  
Jul 12th, 2005
Thanks Rus, I will look into that tonight, I had another play last night, and got the page to go to screen res width, but the top nav bar buttons would not work, and stayed bunched up on the left of the screen.

Do I need to tag the cells of each of these, to a set %, so if there is 8 buttons up there, set the percentage to 100 / 8 (12.5% ea)?

Narue, I found that tag that just had the width in pixels, and tried changing it to 100%, but it only expanded certain aspects of the site, and left others in the old size.
Reply With Quote  
Reply

Only community members can participate in forum threads. You must register or log in to contribute.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

 

DaniWeb HTML and CSS Marketplace
Thread Tools Display Modes

Other Threads in the HTML and CSS Forum

All times are GMT -4. The time now is 11:37 pm.
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC