Help please

mteam

mteam

Messages
453
Name
Jack
Edit My Images
Yes
I've been building a site using a wrapper to keep all content centered I've added a gallery page using autoviewer which has a nav bar above it

In firefox the navbar stays centered in ie it places it on the left Its probably something simple but I just cant work it out :bang: all the other page swork fine its just the one with autoviewer on it
 
Added the html code if any one can see where I've gone wrong Thanks :)


<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>AutoViewer</title>
<!-- Download AutoViewer at www.airtightinteractive.com/projects/autoviewer -->
<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">
/* hide from ie on mac \*/
html {
height: 100%;
overflow: hidden;
}
#flashcontent {
height: 100%;
}
/* end hide */
body {

margin: 0;
padding: 0;
background-color: #181818;
color:#ffffff;
font-family:sans-serif;

}
a {
color:#cccccc;
}
</style>
<link href="../css/layout3.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="logo"></div>
<div id="navigation"><a href="welcome.html">Welcome</a> <a href="services.html">Services</a> <a href="aboutus.html">About us</a> <a href="Gallery/index.html">Gallery</a> <a href="testimonials.html">Testimonials</a> <a href="contactus.html">Contact us</a></div> </div>

<div id="flashcontent">AutoViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a> </div>


<script type="text/javascript">
var fo = new SWFObject("autoviewer.swf", "autoviewer", "100%", "100%", "8", "#181818");

//Optional Configuration
//fo.addVariable("langOpenImage", "Open Image in New Window");
//fo.addVariable("langAbout", "About");
//fo.addVariable("xmlURL", "gallery.xml");

fo.write("flashcontent");

</script>


</body>
</html>
Click to expand...
 
you need at least this in the code:

body {
text-align: center;
margin: 0;
padding: 0;
background-color: #181818;
color:#ffffff;
font-family:sans-serif;
}

div.wrapper {
text-align: left;
margin-left: auto;
margin-right: auto;
}
 
that is assuming you dont want the contents of the wrapper centrerd
 
In the css rule for wrapper I have 900 width, margin left and right auto

It just doesn't seem to be using the wrapper in ie ? just on this one page
 
I cant see that the div for the wrapper is being closed (perhaps i cant count)
 
Hi mteam,

Just had a little look, you could just place "Center" tags around the whole lot. A little crude but shoud work.. :thumbs:

If you can't get it to take in CSS, just add into the raw code - I haven't used wrapper. :shrug:

<body>
<center>
<div id="wrapper">
<div id="logo"></div>
<div id="navigation"><a href="welcome.html">Welcome</a> <a href="services.html">Services</a> <a href="aboutus.html">About us</a> <a href="Gallery/index.html">Gallery</a> <a href="testimonials.html">Testimonials</a> <a href="contactus.html">Contact us</a></div> </div></div>

<div id="flashcontent">AutoViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a> </div>


<script type="text/javascript">
var fo = new SWFObject("autoviewer.swf", "autoviewer", "100%", "100%", "8", "#181818");

//Optional Configuration
//fo.addVariable("langOpenImage", "Open Image in New Window");
//fo.addVariable("langAbout", "About");
//fo.addVariable("xmlURL", "gallery.xml");

fo.write("flashcontent");

</script>
</center>
</body>
</html>
 
Cheers gave that a try centered the nav bar but gallery didn't show in ie aaaargh!!!

I'll start again on that page must have gone wrong somewhere lol
 
i still think there is a missing </div> tag

you are asking the browser to center somthing, which has no closing tag, it doesnt know what to do. Firefox is fudging it
 
I cant see a missing </div> tag would help if I post the css file ?
 
body>
<center>
<div id="wrapper"> ---- opens the wrapper
<div id="logo"></div> ----- opens and closes the logo div (inside the wrapper)
<div id="navigation"><a href="welcome.html">Welcome</a> <a href="services.html">Services</a> <a href="aboutus.html">About us</a> <a href="Gallery/index.html">Gallery</a> <a href="testimonials.html">Testimonials</a> <a href="contactus.html">Contact us</a></div> --- opens and closes the navigation DIV

</div>--- closes the wrapper"!!!!!!!!

</div> -- so whats this?

<div id="flashcontent">AutoViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a> </div> --- this isnt in the wrapper, and may be affecting how IE decides how wide the page content is
 
Sorry Richard I'd taken that out this is what I've got now it keeps everything to the wrapper confines in ff , In ie navbar on left and no gallery :bang:

Thanks for your help I think I'll start again add use a different Gallery

<body>
<div id="wrapper">
<div id="logo"></div>
<div id="navigation"><a href="welcome.html">Welcome</a> <a href="services.html">Services</a> <a href="aboutus.html">About us</a> <a href="Gallery/Photogallery.html">Gallery</a> <a href="testimonials.html">Testimonials</a> <a href="contactus.html">Contact us</a></div>

<div id="flashcontent">AutoViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a> </div>
<script type="text/javascript">
var fo = new SWFObject("autoviewer.swf", "autoviewer", "100%", "100%", "8", "#181818");

//Optional Configuration
//fo.addVariable("langOpenImage", "Open Image in New Window");
//fo.addVariable("langAbout", "About");
//fo.addVariable("xmlURL", "gallery.xml");

fo.write("flashcontent");
</script>
</div>
</body>
 
I've got simple viewer working now thanks for all the help :thumbs:
 
You must log in or register to reply here.
Back
Top