Hey there stranger,

 

as a student photography who is most likely going to end up unemployed next year, I needed some kind of portfolio website

Since the only html, css, javascript and php I comes from a "for dummies" book and w3schools, I decided to go for indexhibit (if someone has a better -free or cheap, student... remember?- alternative, please don't hesitate to let me know) and slowely change the css to my liking

 

anyways, it seems like I am at an impasse...

http://preview.tinyurl.com/bs7v36g

my menu and content are ok from where I am sitting, but seeing how I am not planning on renting my laptop out for others to see my webpage (it would kind of go against the idea of a website, no?). On other (smaller?) screens it seems as the menu and content flow over eachother (ipads molest the page).

At the moment I have used z-index to keep my menu on top, if I leave it out, the image goes over the menu... anyone an idea how to keep them separated?

 

 

 

and a secondary issue I have:

I tried centering my page with these instructions (http://www.webdesignerforum.co.uk/topic/2473-tutorial-how-to-center-a-site-using-css/) but have one problem... basically creating a wrapper which contains the whole page

but how to go about it if you have multiple div?

<div id="wrapper">
<div id="menu">
<div id="content">
</div><--!which end tag ends which? -->
</div>
</div>

 

or should it be:

<div id="wrapper">
<div id="menu">
</div>
</div>
<div id="wrapper">
<div id="content">
</div>
</div>

 

or something completely different which I am not seeing?

 

thanks!

      <div class="wrapper">
<div class="menu"></div>
<div class="content">
add  body content  here
</div><!--content-->
<div class="footer"></div>

</div><!--wrapper-->

 

I am replying from mobile but still this will be html ..now u have to add css to position the divs