I've tried changing the z-index but nothing is changing?? On Chrome the menu appears normal though on other browsers such as Safari it's hiding behind the gallery images (not the home page slider) Maybe someone can help because I've done as much I can think of, thanks heaps !
my website is - White Boda Wedding Photography and you can see when you visit 'photography' you'll see the menu hides behind the gallery.
Alright so Im getting content on the side of my page cut off when I resize my page on my desktop browser.
This is what my page looks like when its normal. http://gyazo.com/dedab68fd110b484e64e4500b5e58523
Then I resize my page to make it thinner and I get this when I scroll to the right http://gyazo.com/cc0234a8463431253c57f172af8749f3
It cuts off my content
How do I fix this? Any help would be greatly appreciated! Thanks
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title>
The site is using margin auto in order to have compatibility with different resolutions of screen
I have several divs nested in one central div. Those divs have images as links and they are not stuck properly to the left edje all. Here is a piece of code
<div style="width:800px; border-style:dashed; border-width: 3px; overflow:hidden; margin-left: auto; margin-right:auto;"> <!--<iframe width="100%" height="100%" scrolling="no" hspace="0" vspace="0" marginheight='0' frameborder='no' src="sa_footer.html"></iframe>-->
This is my first post, and I'm excited to have just joined this community!
I'm jumping ship from IT/SysAdmin to work for myself and do do web design/development. I need to unleash my creative juices!
I'm looking forward to learning a lot and helping as much as I can as my knowledge grows!
HTML Code -
<!DOCTYPE html> <html> <!-- Made by Yours Truly with loving support of Bootstrap 3.0 !--> <head> <title>Tushar Gupta | Web Developer & Designer</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="css/animate.min.css" rel="stylesheet" media="screen"> <link href="css/main.css" rel="stylesheet" media="screen"> <link href="css/fontello.css" rel="stylesheet" media="screen">