Problem mit scrollbalken in Safari

Schattenmantel

Schattenmantel

Aktives Mitglied
Thread Starter
Dabei seit
22.04.2002
Beiträge
1.753
Reaktionspunkte
1
Hi zusammen,

hab ein Problem bei einer neuen Website die wir im Moment gerade basteln.
Und zwar hab ich einen Text mit überlänge. Alle Browser ausser Safari machen einen korrekten Scrollbalken an den Festernrand. Nur Safari konnten wir noch nicht dazu überzeugen dies zu tun.

Könnt ihr mal nen Blick auf den Code werfen und mir sagen an was das liegen könnte?

Danke euch!!

Page findet ihr hier:
http://www.solanaceae-booking.ch/index2.php

Code wäre derzeit folgender
PHP:
<?
include_once("connect.php");
include_once("funcs.php");
?>
<html>
<head>
<title>Solanaceae Booking | Bookig & Promotion Agency</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#Tabelle_01 {
	position:relative;
	left:0px;
	top:0px;
	width:950px;
  height:auto;
}
#layout-2-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:950px;
	height:218px;
}

#layout-2-02 {
	position:absolute;
	left:0px;
	top:218px;
	width:53px;
	height:582px;
}

#layout-2-03 {
	position:absolute;
	left:53px;
	top:218px;
	width:113px;
	height:51px;
}

#layout-2-04 {
	position:absolute;
	left:166px;
	top:218px;
	width:109px;
	height:51px;
}

#layout-2-05 {
	position:absolute;
	left:275px;
	top:218px;
	width:139px;
	height:51px;
}

#layout-2-06 {
	position:absolute;
	left:414px;
	top:218px;
	width:78px;
	height:51px;
}

#layout-2-07 {
	position:absolute;
	left:492px;
	top:218px;
	width:107px;
	height:51px;
}

#layout-2-08 {
	position:absolute;
	left:599px;
	top:218px;
	width:87px;
	height:51px;
}

#layout-2-09 {
	position:absolute;
	left:686px;
	top:218px;
	width:113px;
	height:51px;
}

#layout-2-10 {
	position:absolute;
	left:799px;
	top:218px;
	width:151px;
	height:51px;
}

#layout-2-11 {
	position:absolute;
	left:53px;
	top:269px;
	width:746px;
	height:auto;
  background-color:#4f0000;
}

#layout-2-12 {
	position:absolute;
	left:799px;
	top:269px;
	width:20px;
	height:531px;
}
body, th {
  background-color:#000000;
  font-family:"Courier New", Courier, monospace;
  color:#C0C0C0;
  text-align:justify;
}
a:link {
  color:#FFFFFF;
  text-decoration:none;
}
a:hover {
  color:#FFFFFF;
  text-decoration:none;  
}
a:visited {
  color:#FFFFFF;
  text-decoration:none;  
}
a:active {
  color:#FFFFFF;
  text-decoration:none;  
}
input {
  background-color:#000000;
  color:#FFFFFF;
}
textarea {
  background-color:#000000;
  font-family:Georgia,Times New Roman,Times,serif;
  color:#FFFFFF;
}
h1 {
 font-size:22px;
 font-style:normal;
 margin-bottom:5px;
}
h2 {
  font-size:20px;
  font-style:normal;
  margin-bottom:0px;
  text-align:justify;
}
h3 {
  font-size:15px;
  font-style:normal;
  margin-bottom:0px;
  text-align:justify;
}
h4 {
  font-size:13px;
  font-style:italic;
  margin-bottom:0px;
}
h5 {
  font-size:11px;
  font-style:italic;
  margin-bottom:0px;
}
-->
</style>
</head>
<table style="border-style:none;table-layout:auto;" align="center"><tr><td>
<div id="Tabelle_01">
	<div id="layout-2-01">
    <? echo '<a href="'.$PHP_SELF.'?'.sid.'" border="0">'; ?>
		  <img src="Bilder/layout_2_01.gif" width="950" height="218" border="0" alt=""></a>
	</div>
	<div id="layout-2-02">
	</div>
	<div id="layout-2-03">
		<? echo '<a href="'.$PHP_SELF.'?'.sid.'" border="0">'; ?>
      <img src="Bilder/layout_2_03.gif" width="113" height="51" border="0" alt=""></a>
	</div>
	<div id="layout-2-04">
    <? echo '<a href="'.$PHP_SELF.'?'.sid.'text=book" border="0">'; ?>
	  	<img src="Bilder/layout_2_04.gif" width="109" height="51" border="0" alt=""></a>
	</div>
	<div id="layout-2-05">
    <? echo '<a href="'.$PHP_SELF.'?'.sid.'text=mana" border="0">'; ?>
		  <img src="Bilder/layout_2_05.gif" width="139" height="51" border="0" alt=""></a>
	</div>
	<div id="layout-2-06">
    <? echo '<a href="'.$PHP_SELF.'?'.sid.'text=team" border="0">'; ?>
	  	<img src="Bilder/layout_2_06.gif" width="78" height="51" border="0" alt=""></a>
	</div>
	<div id="layout-2-07">
    <? echo '<a href="'.$PHP_SELF.'?'.sid.'text=cont" border="0">'; ?>
  		<img src="Bilder/layout_2_07.gif" width="107" height="51" border="0" alt=""></a>
	</div>
	<div id="layout-2-08">
    <? echo '<a href="'.$PHP_SELF.'?'.sid.'text=link" border="0">'; ?>
  		<img src="Bilder/layout_2_08.gif" width="87" height="51" border="0" alt=""></a>
	</div>
	<div id="layout-2-09">
    <? echo '<a href="'.$PHP_SELF.'?'.sid.'text=impr" border="0">'; ?>
  		<img src="Bilder/layout_2_09.gif" width="113" height="51" border="0" alt=""></a>
	</div>
	<div id="layout-2-10">
		<img src="Bilder/layout_2_10.gif" width="151" height="51" alt="">
	</div>
	<div id="layout-2-11" style="overflow:auto;">
    <table border="0" width="100%"><tr><td><br /></td></tr>
    <tr><td>
    <? 
      switch ($_REQUEST['text']) {
        case("book"):
          include("content/booking.php");        
          break;
        case("mana"):
          include("content/management.php");        
          break;
        case("team"):
          include("content/team.php");        
          break;
        case("cont"):
          include("content/contact.php");        
          break;
        case("link"):
          include("content/links.php");        
          break;
        case("impr"):
          include("content/impressum.php");        
          break;
        case("deta"):
          include("content/details.php");
          break;
        default:
          include("content/home.php");        
          break;
      }
    ?>
    </td></tr>
	<tr><td style="height:10px"></td></tr>
    <tr><td style="height:2px;background-color:#000000"></td></tr>
	<tr><td style="height:2px"></td></tr></table>
	</div>
	<div id="layout-2-12">
		<img src="Bilder/layout_2_12.gif" width="20" height="631" alt="">
	</div>
</div>
</td></tr></table>
</body>
</html>
 
Man sollte ein HTML-Dokument schon korrekt aufbauen, damit der Browser weiss, dass es eines ist! Bring die folgenden Dinge in Ordnung, dann klappt es auch mit dem Scrollen (dabei sind nicht nur die rot unterlegten Errors gemeint, sondern auch die Warnings ;))

validator.png


Das die anderen Browser das Teil darstellen ist schlimm genug. Und wie ich sehe, ist das ein kommerzieller Dienst, der mit der Website unterstützt werden soll - warum dann der Job nicht an eine Profi gegeben wird, ist mir persönlich unverständlich - vor allem wenn das der offizielle Start der Agentur sein soll ;)

2nd
 
Zuletzt bearbeitet:
Dank dir für den Tip.

Bezüglich der Page selber hatte ich nicht gefragt, aber damit du weisst wofür die ist.. es ist keine Auftragsarbeit für einen Kunden, sondern für uns selber, nämlich ist das meine Agentur die wir gerade aufbauen und wir absolut kein Geld haben uns eine Website erstellen zu lassen.
Für unsere Bedürfnisse reicht diese Seite erstmal völlig aus und ich bin mir sicher das mein Kumpel der die Page programmiert in den nächsten Jahren das auch immer besser und mit weniger Fehlern machen wird. :)
 
Failed validation, 4 errors

@2ndreality: Welches Tool benutzt Du den da?
 
@Schattenmantel: Achso. Na dann viel Erfolg :)

ThaHammer: Tidy4Safari -> http://pimpmysafari.com/ -> Web Developement

2nd
 
@2ndreality
Dank dir! :)
Die Fehlerliste von dir hat uns auf jedenfall schonmal gut weitergeholfen!

Im Moment fängt halt alles klein und vorallem bei null an. In zwei bis drei Jahren siehts dann hoffentlich rosiger aus. Genügend Kundschaft und ein guter Jahresumsatz um 20-30% des Lebensunterhalt über die Agentur zu verdienen. :)
 
ich schieb das mal zum Web-Design, mit Programmierung hat es janichts zu tun.
 
@wegus
Naja in gewisser Weise ists schon programmierung. Weil wir den Fehler im Code nicht finden können.. ;)

@all
Haben die Fehlerliste von 2ndreality durchgearbeitet und die Page ist jetzt laut validierung komplett im W3C Standart (xHTML und CSS). Trotzdem funktioniert das mit dem Scrollbalken immernoch nicht in Safari.. ;(
 
Keine weiteren Ideen??
 
Zurück
Oben Unten