scrollbar ist verschwunden, wenn ich die website mit einem mac öffne

susiH · 29.08.2011

hey leutz,
ich habe gerade eine website gebaut und habe diese mal mit nem mac geöffnet. da ist der rechte scrollbalken weg.

unter windows funktioniert das einwandfrei

hier mal der quelltext

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<link href='http://fonts.googleapis.com/css?family=Ubuntu:300,300italic,400,400italic,500,500italic,700,700italic' rel='stylesheet' type='text/css' />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Metallgießerei an der Mulde</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
<script src="jquery.validate.js" type="text/javascript"></script>
<script src="jquery.placeholder.js" type="text/javascript"></script>
<script src="jquery.form.js" type="text/javascript"></script>
<script type="text/javascript" src="shadowbox.js"></script>
<script type='text/javascript' src="../js/jquery.imageScroller.js"></script>
<script type='text/javascript' src="../js/test.js"></script>


<script type="text/javascript">
$(document).ready(function() {

$('#contact').ajaxForm(function() { 
                alert("vielen dank für ihre nachricht"); 
            }); 
});
</script>

<script type="text/javascript">
Shadowbox.init({
    handleOversize: "drag",
    modal: true
});
</script>
<link rel="stylesheet" type="text/css" href="shadowbox.css" />

<link rel="stylesheet" href="../style.css" type="text/css" />
</head>
<body>

<div class="vorladen">
<img src="../images/home/1.jpg" />
<img src="../images/home/2.jpg" />
<img src="../images/home/3.jpg" />
<img src="../images/home/4.jpg" />
<img src="../images/home/5.jpg" />
<img src="../images/home/6.jpg" />
<img src="../images/head_02.png" />
<img src="../images/entwurf_1_01.jpg" />
<img src="../images/zertifikat1.jpg" />
<img src="../images/zertifikat2.jpg" />
<img src="../images/zertifikat3.jpg" />
<img src="../images/zertifikat4.jpg" />
<img src="../images/zertifikat5.jpg" />
<img src="../images/zertifikat6.jpg" />
<img src="../images/zertifikat1kl.jpg" />
<img src="../images/zertifikat2kl.jpg" />
<img src="../images/zertifikat3kl.jpg" />
<img src="../images/zertifikat4kl.jpg" />
<img src="../images/zertifikat5kl.jpg" />
<img src="../images/zertifikat6kl.jpg" />
<img src="../images/maschinen/1.jpg" />
<img src="../images/maschinen/2.jpg" />
<img src="../images/maschinen/3.jpg" />
<img src="../images/maschinen/1.jpg" alt="" />
<img src="../images/maschinen/2.jpg" alt="" />
<img src="../images/maschinen/3.jpg" alt="" />
<img src="../images/prozesse/cnc.jpg" alt="" />
<img src="../images/prozesse/gießerei.jpg" alt="" />
<img src="../images/prozesse/bearbeitung.jpg" alt="" />
<img src="../images/logo.png" alt="" />

<img src="../images/sonderprodukte/bank.jpg" alt="" />
<img src="../images/sonderprodukte/welt.png" alt="" />

<img src="../images/normal/1.png" alt="" />
<img src="../images/normal/2.png" alt="" />
<img src="../images/normal/3.png" alt="" />
<img src="../images/normal/4.png" alt="" />
<img src="../images/normal/5.png" alt="" />
<img src="../images/normal/6.png" alt="" />
<img src="../images/normal/7.png" alt="" />
<img src="../images/normal/8.png" alt="" />
<img src="../images/normal/9.png" alt="" />
<img src="../images/normal/10.png" alt="" />
<img src="../images/normal/11.png" alt="" />
<img src="../images/normal/12.png" alt="" />
<img src="../images/normal/13.png" alt="" />
<img src="../images/normal/14.png" alt="" />
<img src="../images/normal/15.png" alt="" />
<img src="../images/normal/16.png" alt="" />
<img src="../images/normal/17.png" alt="" />
</div>

<div id="head">
	<div id="left">
		<a href="#" title=""><img src="../images/head1.png" /></a>
		<a href="#" title=""><img src="../images/head2.png" /></a>
		<a href="#" title=""><img src="../images/head3.png" /></a>
	</div>
</div>

<div id="hintergrund">
<img src="../images/entwurf_1_01.jpg" alt="" />
</div>

<div id="content">

<div id="logo">
<a href="home.html"><img src="../images/logo.png" alt="" /></a>
</div>

<!-- NAVIGATION -->
<div id="navigation">

<a href="home.html">Start</a>

<a href="produkte.html">Produkte</a>

<a href="prozesse.html">Prozesse</a>

<a href="zertifikate.html">Zertifikate</a>

<a href="maschinen.html">Maschinen</a>

<a href="karriere.html">Karriere</a>

<a href="kontakt.html">Kontakt</a>
</div>

<div class="text">
	<div class="floatright">
<a href="../images/home/gross/6.jpg" title="Unser Betrieb" rel="shadowbox[home]"><img src="../images/home/6.jpg" alt="" name="home6" /></a>

    </div>
Das Unternehmen "Metallgie&szlig;erei an der Mulde GmbH" wurde 1991 in Sachsen gegr&uuml;ndet. Durch kontinuierliche Investitionen in unsere Produktionskapazit&auml;ten k&ouml;nnen wir alle Anforderungen an ein modernes Gie&szlig;erei- und Metallverarbeitungsunternehmen, in Bezug auf Qualit&auml;t, Flexibilit&auml;t und Effiziens erf&uuml;llen.<br /><br />

Unser Kundenspektrum umfasst unter anderem die Bereiche der Hochtechnologie, Folientrechnik, Energetik, Messtechnik, Dosiertechnik, Fahrzeugindustrie, Pumpen- und Turbotechnik, Kunststoffindustrie, Verpackungsmaschinen, Textilmaschinen, Lebensmittelindustrie, Sondermaschinen und Kunstguss. Au&szlig;erdem bieten wir unseren Kunden die Herstellung von speziellen Prototypen und Kleinstserien.<br /><br />

Unsere Guss- und Bearbeitungsqualit&auml;ten stehen f&uuml;r hohe Anspr&uuml;che. Auf 35,000 m2 produzieren 70 spezialisierte Mitarbeiter Halbzeuge und Werkzeuge sowie Spezial-Maschinen f&uuml;r ihren individuellen Bedarf.<br /><br />

Unsere St&auml;rke:<br />
Es ist eine Betreuung von der Neukonstruktion bis zum fertigen Bauteil m&ouml;glich. Auch vor Ort.<br /><br />
    	
        <a href="../images/home/gross/5.jpg" title="Unser Betrieb" rel="shadowbox[home]"><img src="../images/home/5.jpg" alt="" name="home5" /></a>
<br />
    
</div>    

<div class="text">        
	<div class="floatleft">
    	<a href="../images/home/gross/4.jpg" title="Unser Betrieb" rel="shadowbox[home]"><img src="../images/home/4.jpg" alt="" name="home4" /></a>

    </div>
    <div class="floatright">
    	<a href="../images/home/gross/3.jpg" title="Unser Betrieb" rel="shadowbox[home]"><img src="../images/home/3.jpg" alt="" name="home3" /></a>

    </div>
    
    <div class="clear">
    <p>&nbsp;</p>
    </div>

</div> 
    

</div> 

<div id="impressum">
<a href="impressum.html">Impressum</a>
</div>

</div>
</body>
</html>

und die css

HTML:

@charset "utf-8";
/* CSS Document */

*		{
		margin: 0; 
		padding: 0; 
		line-height: 1.5em;
		font-size: 100.01%;
		}

body, html
	{
	font-family: 'Ubuntu', verdana, sans-serif;
	color:#fff;
	font-size:13px;
	background-color:#2f2f2f;
	overflow:auto;
	}
	
h2
	{
	font-size:16px;
	margin-bottom:10px;
	}

h3
	{
	font-size:13px;
	margin-bottom:5px;
	}
	
a:link
	{
	color:#fff;
	text-decoration:none;
	}	

a:hover
	{
	color:#ff8400;
	text-decoration:underline;
	}
	
a:visited
	{
	color:#fff;
	text-decoration:none;
	}			
	
#hintergrund
	{
	background:#2f2f2f;	
	z-index:2;
	position:absolute;
	width:3000px;
	height:648px;
	top:0px;
  	left:50%;
	margin-left:-1500px;
	margin-top:0px;

	}
	
#head
	{
	position:fixed;
	width:957px;
	height:518px;
	top:0px;
	left:50%;
	margin-left:-479px;
	margin-top:0px;
	z-index:3;
	}
	
#content
	{
	position: fixed;
	width:1000px;
	top: -1px;
	left:50%;
	margin-left:-500px;
	margin-top:0px;
	z-index:50;
	}
	
.ueber	
	{
	text-decoration:underline;
	font-size:17px;
	margin-top:10px;
	}
	
.mail a:link
	{
	color:#fff;
	text-decoration:none;
	}
	
.mail a:hover
	{
	color:#ff8400;
	text-decoration:underline;
	}
	
.mail a:visited
	{
	color:#fff;
	text-decoration:none;
	}					
	
#logo
	{
	position:absolute;
	top:20px;
	right:15px;
	width:370px;
	}
	
.sprache
	{
	font-size:16px;
	position:absolute;
	top:525px;
	width:957px;
	margin-left:479px;
	}

#navigation	
	{
	width:957px;
	margin-top:453px;
	margin-left:auto;
	margin-right:auto;
	}
	
#navigation	a:link
	{
	font-size:15px;
	color:#fff;
	text-decoration:none;
	margin-right:25px;
	}
		
#navigation	a:hover
	{
	font-size:15px;
	color:#ff8400;
	text-decoration:underline;
	margin-right:25px;
	}	

#navigation	a:active
	{
	font-size:15px;
	color:#fff;
	text-decoration:underline;
	margin-right:25px;
	}	
	
#navigation a:visited
	{
	color:#fff;
	text-decoration:none;
	}			
	
	
/*---- TEXT ------*/

.text {
	width:928px;
	margin-top:60px;
	margin-left:auto;
	margin-right:auto;
	padding: 20px 20px 20px 20px;
	text-align:left;
	border: 0;
	background-color: #1c1c1c;
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -moz-box-shadow: 0px 0px 10px #4a4a4a; 
	-webkit-box-shadow: 0px 2px 10px #4a4a4a; 
	box-shadow: 0px 0px 10px #4a4a4a; 
}

.floatleft
	{
	float:left;
	margin-right:20px;
	}
	

.floatright
	{
	float:right;	
	margin-left:20px;
	}

.clear
	{
	clear:both;
	}
	
.vorladen
	{
	display:none;
	}
/*---- KONTAKT ------*/

form#contact fieldset {
	width:928px;
	margin-top:60px;
	margin-left:auto;
	margin-right:auto;
	padding: 10px 20px 20px 20px;
	text-align:left;
	border: 0;
	background-color: #1c1c1c;
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -moz-box-shadow: 0px 0px 10px #4a4a4a; 
	-webkit-box-shadow: 0px 2px 10px #4a4a4a; 
	box-shadow: 0px 0px 10px #4a4a4a; 
}

form#contact input[type="text"], input[type="url"], 
input[type="email"], input[type="tel"], textarea {
	margin: 3px 0 0 0;
	padding: 6px; 
	width: 200px; 
	font-size: 12px; 
	border: 0px;
    background: -webkit-gradient(linear, left top, left 15, from(#121212), color-stop(4%, #121212), to(#121212));
    background: -moz-linear-gradient(top, #121212, #121212 1px, #121212 15px);
}

form#contact textarea 
	{
	font-family:"ubuntu";	
	width: 690px; 
	height: 136px;
    background: -webkit-gradient(linear, left top, left 15, from(#121212), color-stop(4%, #121212), to(#121212));
    background: -moz-linear-gradient(top, #121212, #121212 1px, #121212 15px);
}

form#contact label {
	display: block;
	font-size: 13px;
	color: #fff;
	margin-top: 10px;
	font-weight: thin;
}

form#contact label.error { 
	width: 270px;
	margin: 3px 0 0 0;
	display: block;
	color: #fff;                              
	font-size: 11px; 
	text-align: right;
}

form#contact .placeholder {
	color: #aaa;
}

form#contact .button {
	display: inline-block;
	margin: 15px 0 0 90px;
	padding: 5px 15px 5px 15px;
	background-color: #ff9e00;
	border: none;
	color: #121212;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

form#contact .button:hover {
	background-color: #121212;
	cursor: pointer;
}

form#contact .button:active {
	margin-top: 16px;
	background-color: #121212;
	cursor: pointer;
}

#nachricht
	{
	float:right;
	}
	
#impressum
	{
	position:absolute;
	right:15px;
	margin-top:20px;
	}

/*---- Galerie ------*/

#left {
	width:957px;
	height:450px;
	overflow: hidden;
	border:0px;
	padding: 0px;
	margin-top:115px;
	clear:both;
	}

/* Immagini */
#left img {
	height:300px;
	margin:0px;
	border:0px;
	clear:both;
	}

danke schon mal für eure hilfe

susiH · 29.08.2011

AW: scrollbar ist verschwunden, wenn ich die website mit einem mac öffne

kann ich garnicht sagen... ich bin in der schule, da kann ich das nicht sehen, weil ja hier alles gesperrt ist...

gibt es dabei denn öfters probleme?

susiH · 29.08.2011

AW: scrollbar ist verschwunden, wenn ich die website mit einem mac öffne

oh danke...

MAC OS X
Version 10.06.4

susiH · 29.08.2011

AW: scrollbar ist verschwunden, wenn ich die website mit einem mac öffne

geht bei beiden nicht. IE hab ich nicht ausprobiert, weil den hab ich hier nicht drauf

simonpicos · 29.08.2011

AW: scrollbar ist verschwunden, wenn ich die website mit einem mac öffne

susiH schrieb:
IE hab ich nicht ausprobiert, weil den hab ich hier nicht drauf

Wäre auch verwunderlich

ad86 · 29.08.2011

AW: scrollbar ist verschwunden, wenn ich die website mit einem mac öffne

Hi,

simonpicos schrieb:
Wäre auch verwunderlich

Ist das so? Such mal nach IE 5 für Mac, da hast Du einen IE für Mac.

Aber ansonsten gebe ich Dir Recht, einen aktuellen IE gibt es für den Mac nicht.

MFG ad86