Hi guys,

I'm bo no means a web designer, so please brace yourself for my less than perfect approach to web design

I'm a video editor by profession and so my site is purely to display my showreel and provide links to YouTube and Vimeo etc. As such, it's not in the least bit fancy!

 

I've followed a couple of basic Dreamweaver tutorials on YouTube and have bodged together a basic site that I'm fairly happy with (looks-wise), though I'm not entirely sure whether I've constructed it in the best way.

So here's my problem, I've got an unwanted thin border around my 'wrapper' div, that I just can't seem to get rid of. I didn't ask for it in the first place, lol, and I've checked all options in Dreamweaver where borders are concerned and I just can't seem to get rid of it!

Here's a link to the page in it's current state:

http://www.wrenderfarm.co.uk/Contact.html

 

Also, though this is perhaps a slightly less pressing issue, is there an easy to implement way to shrink the entire site to fit the viewer's screen? I'm sure it'll be fine on most, but on my 15" macbook pro it doesn't quite fit, so I get an unwanted scroll bar. I guess I could always redesign it at a lower resolution? Just not sure what the best practice in this situation is?

 

Huge thanks in advance

 

Chaz

Looks like the border is coming in through the background image of your content div. Try turning that off and see what happens!

 

As for fitting to screen, you can work with percentages rather than fixed widths. So a div could be 100% (fitting the full width of the browser window) as opposed to 900px or whatever, purely as an example. Take a look into fluid and responsive layouts

Cheers bro,

I'll look into fluid and responsive layouts, looks very cool at first glance!

 

School boy error regarding the border, I'd left a thin 1px semi transparent line/border around the BG image in Photoshop Lol.

Thanks for the tips