| | |
Website width
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
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
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
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:
Change width from whatever it is to 100%, that should fix your problem if I understand it correctly.
HTML and CSS Syntax (Toggle Plain Text)
div#wrapper { position:relative; width:70%; margin-left:auto; margin-right:auto; }
I'm here to prove you wrong.
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.
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.
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.
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.
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.
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.
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.
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.
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.
![]() |
Other Threads in the HTML and CSS Forum
- Previous Thread: SSI #include (JS)
- Next Thread: text orientation
| Thread Tools | Search this Thread |
appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7






