I recently installed a directory script (indexscript) then installed a template for it, the problem that im having is the page displays wider than i expect it to. I hope you can see the difference of what i mean in the following links: http://www.cosplaydirectory.com <-- it shows too wide on my directory http://www.indexskins.com/images/skins/full_red_main.html <-- the example from the template site, how it should look. Im guessing i just need to edit something in the CSS file but i dont know what to actually edit, if anyone can advise me on this it would be great.
In your css file, change the container width i.e. 80% or a fixed width like 775px; (a fixed width is going to display differently depending on the persons screen resolution). The link you posted to the template is an image, not a working site. #container { width: 100%; margin: 0 auto; background: #ffffff; text-align: center; }
Thanks mjewel, i tried that but it didn't have the desired effect, your right to point out that the other link is just an image, although i imagine that the display should be something like the example. When viewing the site on my browser the site seems too wide as a scroll bar is created. Thanks anyway mjewel, i appreciate you taking the time.
Ive kinda got it half sorted, while i was adding text on the submit page, the top seemed to correct itself, just need to sort that grey bit and then the footer, il keep trying till i get it.
Your page does not have a doc type. Without that the browser switches to quirks mode where things are very unpredictable. I would strongly recommend putting in a doc type and validating the code.