Sidebar meiner eigenen Webseite wird falsch dargestellt

Hans-Sölö

Hallo Firefox Supporter's

Ich habe versucht in den Themen/Beiträgen ein wenig über das Problem zu erfahren, aber bislang hat weder die ForumSuche, noch die Online-Hilfe etwas brauchbares rausgespuckt.

Es geht darum, dass ich eine Website erstellt habe, mit einer Sidebar auf der rechten Seite. In allen Browsern (IE, Opera, Safari, Chrome, Ixquick,) wird die Seite richtig dargestellt, ausser in Firefox. Hier wird die Sidebar der Website ~ 50/100 px von der Originalen Position, nach Links verschoben dargestellt... :shock:

An was kann dass liegen ? :-???

Bin dankbar für jede Hilfe :klasse:
MfG
Hans-Sölö

2002Andreas

Hallo und Willkommen hier im Forum.

Gibt es einen Link zu deiner Webseite zum testen?

Hans-Sölö

@ 2002Andreas

Danke....

Leider nein da sie noch nicht auf Server geladen wurde. :cry:

[Edit]: So sieht die Semantik der Seite aus (grob gesehen):

Code

#wrapper
    #header
    #sidebar
    #content
    #footer
#wrappper(ende)

Vielleicht hilft dass.....

Hans-Sölö

Ich muss es ein wenig Berichtigen....

Die Sidebar wird um 50/100px in den content eingerückt und der Content wird darauf auf der rechten Seite um 50/100px. zusammengedrückt. Der linke Rand der Seite/content bleibt bündig.

Somit:

. header und footer Bereich bleiben auf normaler Breite (900px.).
. sidebar und content sind zusammen aber nur ca.~800/850px breit.

Hans-Sölö

QUELLCODE (Grob):

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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title></title>
<link href="../css/alle.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
  <div id="header">
       <a href="home1.html">
     <div class="nav">Home</div>
       </a>
       <a href="das_projekt.html">
     <div class="nav">Das Projekt</div>
       </a>
       <a href="ueber_uns.html">
     <div class="nav">Über uns</div>
       </a>
       <a href="kontakt.html">
     <div class="nav">Kontakt</div>
       </a>
     <div class="social"><img src="../Bilder/Social Icons/Youtube.png" width="40" height="40" alt="Youtube" /></div>
     <div class="social"><a href=></a></div>
     <div class="social"><a href=></a></div>
  </div>
  <div id="sidebar_home_deu"></div>
  <div id="content">
    <div id="language_box">
      <div id="english_flag"><a href="../English/home2.html"><img src="../Bilder/Flags/U.S.A.png" width="40" height="25" alt="Read in English" /></a></div>
      <div id="german_flag"><a href="home1.html"><img src="../Bilder/Flags/Deutschland-3D-Web.png" width="40" height="25" alt="Auf Deutsch lesen" /></a></div>
      <div id="italy_flag"><a href="../Italiano/home4.html"><img src="../Bilder/Flags/Italy_3D-Web.png" width="40" height="25" alt="Leggi in Italiano" /></a></div>
      <div id="france_flag"><a href="../Francais/home3.html"><img src="../Bilder/Flags/France_3D-Web.png" width="40" height="25" alt="Lire en français" /></a></div>
    </div>
  </div>
  <div id="footer">&copy; 2012 - 2013 Copyright</div>
</div>
</body>
</html>

Alles anzeigen

Ich hoffe, dass mir jemand damit helfen kann... <;)

milupo

Gib mal den Inhalt der Datei alle.css an und überprüfe bei dir, ob Firefox auch wirklich darauf zugreifen kann. Außerdem ist dein Code nicht ganz XHTML-konform: Du hast leere content-Attribute in den beiden Meta-Tags, da sollte wenigstens content="" stehen. Wenn da nicht drin stehen soll, kannst du sie auch ganz weglassen.

Dann hast du in den Zeilen 26 und 27 unvollständige a href-Tags:

Code

<div class="social"><a href=.......... /></a></div>
<div class="social"><a href=........ /></a></div>

Erst einmal müssten die Punkte in Anführungszeichen stehen, zweitens ist a kein leerer Tag, es sollte also nach deinen Punkten lediglich das Zeichen > auftauchen. Die Zeilen sollten so aussehen:

Code

<div class="social"><a href="..........">......</a></div>
<div class="social"><a href="..........">......</a></div>

Hans-Sölö

milupo

Danke schonmal für deine Hilfe.

ALLE.CSS

Code

@charset "utf-8";
#wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	border-radius: 10px;
	-moz-border-radius: 0px;
}


#header {
	height: 250px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	background-image: url(../Bilder/Header/Sunspot_abgerundet.jpg);
	background-repeat: no-repeat;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: rgba(255,255,255,1);
	background-color: rgba(204,204,204,0.5);
	text-align: center;
	height: 27px;
	width: 110px;
	float: left;
	margin-left: 5px;
	padding-top: 13px;
	margin-top: 205px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 2px 2px 2px rgba(0,0,0,1);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,1);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,1);
	text-shadow: 1px 1px 2px rgba(0,0,0,1);
}
.social {
	float: right;
	margin-top: 205px;
	margin-right: 10px;
}
#sidebar_home_deu {
	float: right;
	height: 90px;
	width: 249px;
	overflow: auto;
	border: 1px solid rgba(102,102,102,1);
	background-color: rgba(204,204,204,1);
}


#sidebar_das_projekt {
	float: right;
	width: 249px;
	background-color: rgba(204,204,204,1);
	border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	box-shadow: 0px 0px;
	-webkit-box-shadow: 0px 0px;
	-moz-box-shadow: 0px 0px;
	overflow: auto;
	height: 2068px;
	border: 1px solid rgba(102,102,102,1);
}
#sidebar_ueber_uns {
	float: right;
	height: 645px;
	width: 249px;
	overflow: auto;
	border: 1px solid rgba(102,102,102,1);
	background-color: rgba(204,204,204,1);
}
#sidebar_spenden {
	float: right;
	width: 249px;
	overflow: auto;
	height: 1075px;
	border: 1px solid rgba(102,102,102,1);
	background-color: rgba(204,204,204,1);
}
#sidebar_kontakt {
	width: 249px;
	float: right;
	overflow: auto;
	height: 764px;
	border: 1px solid rgba(102,102,102,1);
	background-color: rgba(204,204,204,1);
}
#sidebar_home_eng {
	float: right;
	height: 90px;
	width: 249px;
	overflow: auto;
	border: 1px solid rgba(102,102,102,1);
	background-color: rgba(204,204,204,1);
}
#sidebar_the_project {
	float: right;
	height: 1850px;
	width: 249px;
	overflow: auto;
	border: 1px solid rgba(102,102,102,1);
	background-color: rgba(204,204,204,1);
}
#sidebar_about_us {
	float: right;
	height: 680px;
	width: 249px;
	overflow: auto;
	border: 1px solid rgba(102,102,102,1);
	background-color: rgba(204,204,204,1);
}
#sidebar_donate {
	float: right;
	height: 945px;
	width: 249px;
	overflow: auto;
	border: 1px solid rgba(102,102,102,1);
	background-color: rgba(204,204,204,1);
}
#sidebar_contact_eng {
	float: right;
	height: 758px;
	width: 249px;
	overflow: auto;
	border: 1px solid rgba(102,102,102,1);
	background-color: rgba(204,204,204,1);
}
#sidebar_home_fra {
	float: right;
	height: 90px;
	width: 249px;
	overflow: auto;
	border: 1px solid rgba(102,102,102,1);
	background-color: rgba(204,204,204,1);
}
#sidebar_le_projet {
	float: right;
	height: 2237px;
	width: 249px;
	overflow: auto;
	border: 1px solid rgba(102,102,102,1);
	background-color: rgba(204,204,204,1);
}
#sidebar_le_team {
	float: right;
	height: 743px;
	width: 249px;
	overflow: auto;
	border: 1px solid rgba(102,102,102,1);
	background-color: rgba(204,204,204,1);
}




#sidebar_donner {
	float: right;
	height: 1165px;
	width: 249px;
	overflow: auto;
	border: 1px solid rgba(102,102,102,1);
	background-color: rgba(204,204,204,1);
}
#sidebar_contact_fra {
	float: right;
	height: 750px;
	width: 249px;
	overflow: auto;
	border: 1px solid rgba(102,102,102,1);
	background-color: rgba(204,204,204,1);
}
#sidebar_home_ita {
	float: right;
	height: 90px;
	width: 249px;
	overflow: auto;
	border: 1px solid rgba(102,102,102,1);
	background-color: rgba(204,204,204,1);
}
#sidebar_il_progetto {
	float: right;
	height: 2285px;
	width: 249px;
	overflow: auto;
	border: 1px solid rgba(102,102,102,1);
	background-color: rgba(204,204,204,1);
}


#sidebar_il_team {
	float: right;
	height: 740px;
	width: 249px;
	overflow: auto;
	border: 1px solid rgba(102,102,102,1);
	background-color: rgba(204,204,204,1);
}


#sidebar_donare {
	float: right;
	height: 1110px;
	width: 249px;
	overflow: auto;
	border: 1px solid rgba(102,102,102,1);
	background-color: rgba(204,204,204,1);
}


#sidebar_contatto {
	float: right;
	height: 755px;
	width: 249px;
	overflow: auto;
	border: 1px solid rgba(102,102,102,1);
	background-color: rgba(204,204,204,1);
}












.sidebar_spende_titel {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 15px;
	text-align: center;
	background-color: rgba(204,255,153,1);
	margin-top: 25px;
	margin-right: 10px;
	margin-left: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


#language_box {
	height: 30px;
	width: 210px;
	background-color: rgba(102,0,0,1);
	padding-top: 5px;
	float: right;
	margin-right: 5px;
	margin-top: -45px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#english_flag {
	height: 25px;
	width: 40px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}






#german_flag {
	height: 25px;
	width: 40px;
	float: left;
}
#italy_flag {
	float: left;
	height: 25px;
	width: 40px;
	margin-right: 10px;
	margin-left: 10px;
}
#france_flag {
	float: left;
	height: 25px;
	width: 40px;
}












#content {
	background-color: #FFFFFF;
	padding-left: 25px;
	padding-bottom: 40px;
	padding-top: 50px;
	color: #333;
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-box-shadow: -1px -1px 1px #666;
	width: 700px;
	-moz-box-shadow: -1px 1px 1px rgba(102,102,102,1);
	box-shadow: -1px 1px 1px rgba(102,102,102,1);
	padding-right: 25px;
}
#e-mail_box {
	color: rgba(153,153,153,1);
	font-size: 24px;
	font-weight: bold;
	text-shadow: 0px 0px;
	height: 33px;
	margin-top: 30px;
	padding-top: 2px;
	padding-left: 7px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-family: "Arial Black", Gadget, sans-serif;
	width: 97px;
}
#e-mail_adresse {
	font-size: 14px;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
	height: 18px;
	width: 182px;
	margin-top: 20px;
	margin-left: 10px;
	border: 1px solid rgba(51,51,51,1);
	padding-left: 5px;
}


.Follow_us_contact {
	font-size: 24px;
	font-weight: bold;
	color: rgba(153,153,153,1);
	text-shadow: 0px 0px;
	height: 32px;
	margin-top: 20px;
	padding-top: 3px;
	padding-left: 7px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-family: "Arial Black", Gadget, sans-serif;
	width: 170px;


}
#facebook_bar {
	height: 35px;
	width: 125px;
	padding-top: 20px;
}


#twitter_bar {
	height: 35px;
	width: 125px;
	margin-top: 20px;
}
#kontaktiere_uns_contact {
	height: 32px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin-top: 20px;
	padding-top: 3px;
	padding-left: 7px;
	color: rgba(153,153,153,1);
	text-shadow: 0px 0px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	width: 228px;
}
.formular_texte {
	display: block;
	height: 20px;
	width: 65px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgba(51,51,51,1);
	float: left;
}
.formular_ausfuell-felder {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: rgba(51,51,51,1);
	width: 200px;
	border: 1px solid rgba(153,153,153,1);
}
#form1 input:focus {
	background-color: rgba(232,209,187,1);
	border: 2px solid rgba(51,51,51,1);
}




.formular_textfeld {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: rgba(51,51,51,1);
	height: 100px;
	width: 200px;
	border: 1px solid rgba(102,102,102,1);
}
#form1 textarea:focus {
	background-color: rgba(232,209,187,1);
	border: 2px solid rgba(51,51,51,1);
}




#senden {
	background-color: rgba(153,102,51,1);
	height: 30px;
	width: 85px;
	border: 2px solid rgba(0,0,0,1);
	margin-left: 185px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgba(204,204,204,1);
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}










body,td,th {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #333;
}
















body {
	background-color: #E5E5E5;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	color: #0033FF;
	text-decoration: none;
}


a:visited {
	color: #00CC99;
	text-decoration: none;
}
a:hover {
	color: #99CC33;
	text-decoration: underline;
}
a:active {
	color: #FF0000;
	text-decoration: none;
}
h1 {
	font-size: 30px;
	color: #1D1D1D;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform: uppercase;
	text-decoration: underline;
	text-align: center;
}
h2 {
	font-size: 20px;
	color: #1D1D1D;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: underline;
	text-transform: none;
	padding-left: 50px;
}






h3 {
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	text-transform: none;
	color: #1D1D1D;
}






#footer {
	height: auto;
	text-align: center;
	padding-top: 7px;
	background-color: #000000;
	color: #CCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: -1px 0px 2px #000;
}

Alles anzeigen

Was den Quellcode angeht:

Sorry, mir sind da ein paar Fehler untergelaufen, als ich den Inhalt gelöscht habe (dieser sollte eigentlich ja niemanden Interessieren....nicht falschverstehen :wink: ).

Die meta-Tags sind selbstverständlich ausgefüllt (Konform)
Die unvollständigen a href-Tags sind auch (eigentlich) richtig Ausgefüllt...Mehrmals getestet.

Ich denke mir, dass der Fehler durchaus etwas mit der .css-Datei zu tun haben könnte, aber wieso wird die Seite bei allen Browsern richtig dargestellt, ausser in FF ? ...dass ist mir echt ein Rätsel. :shock:

Danke schonmal :klasse:

milupo

Bei mir sieht deine provisorische Seite mit der css-Datei so aus:

[attachment=0]sidebarhtmltest.png[/attachment]
Die Anführungszeichen links neben dem Wort Youtube sind von mir, damit der Link dort wenigstens einen Inhalt hat.

Hans-Sölö

Ich habe hier mal 2-Screen's gemacht:

Website in Opera (auch in Chrome, IE, Safari, Iron):

http://www.pic-upload.de/view-17252314/…-Opera.png.html

Website in Firefox:

http://www.pic-upload.de/view-17252309/…irefox.png.html

milupo

Gut, ich sehe das Problem. Aber ohne HTML-Code kann ich nichts damit anfangen. Ich muss den HTML-Code sehen und ihn dann mit den Definitionen in der CSS-Datei abgleichen. Mit dem Seitengerüst oben kann man nichts anfangen.

Hans-Sölö

Hier nochmal der Quellcode und die .css-Datei (hab nur CSS):

Quellcode:

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>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <title></title>
  <link href="../css/alle.css" rel="stylesheet" type="text/css" />
</head>


<body>
<div id="wrapper">
 <div id="header">
  <a href="home1.html"><div class="nav">Home</div></a>
  <a href="das_projekt.html"><div class="nav">Das Projekt</div></a>
  <a href="ueber_uns.html"><div class="nav">Über uns</div></a>
  <a href="spenden.html"><div class="nav">Spenden</div></a>
  <a href="kontakt.html"><div class="nav">Kontakt</div></a>
  <div class="social"><img src="../Bilder/Social Icons/Youtube.png" width="40" height="40" alt="Youtube" /></div>
  <div class="social"><a href="https://twitter.com/Helvetic_Garden"><img src="../Bilder/Social Icons/Twitter.png" width="40" height="40"  alt="Follow us on Twitter" /></a></div>
  <div class="social"><a href="http://www.facebook.com/pages/Helvetic-Garden-Productions/385405594870011"><img src="../Bilder/Social Icons/Facebook.png" width="40" height="40" alt="Follow us on Facebook" /></a></div>
 </div>  
 <div id="sidebar_home_deu">
  <div class="sidebar_spende_titel"></div>
   <ul> 
    <li></li>
    <li></li>
   </ul>



  <hr />
  <p class="sidebar_spende_titel"></p>
   <ul>
    <li></li>
    <li></li>
    <li></li>
   </ul>



  <hr />
  <p class="sidebar_spende_titel"></p>
   <ul>
    <li></li>
    <li></li>
    <li></li>
   </ul>



  <hr />
  <p class="sidebar_spende_titel"></p>
   <ul>
     <li></li>
     <li></li>
     <li></li>
     <li></li>
  </ul>



  <hr />
  <p class="sidebar_spende_titel"></p>
   <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
   </ul>



  <hr />
  <p class="sidebar_spende_titel"></p>
   <ul>
    <li>/li>
    <li></li>
    <li></li> 
    <li></li>
    <li></li>
    <li></li>
    <li></li>
   </ul>



  <hr />
  <p class="sidebar_spende_titel"></p>
   <ul> 
    <li></li>
    <li></li> 
    <li></li>
    <li></li>
    <li></li> 
    <li></li>
    <li></li>
    <li></li>
   </ul>



  <hr />
  <p class="sidebar_spende_titel"></p>
   <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
   </ul>



  <hr />
  <p class="sidebar_spende_titel"></p>
   <ul> 
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li> 
    <li></li> 
    <li></li>
    <li></li>
    <li></li>
    <li></li>
   </ul>



  <hr />
  <p class="sidebar_spende_titel"></p>
   <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li> 
    <li></li>
    <li></li>
    <li></li> 
    <li></li>
    <li></li>
    <li></li>
   </ul>



  <hr />
  <p class="sidebar_spende_titel"></p>
   <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li> 
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li> 
    <li></li> 
   </ul>



  <hr />
  <p class="sidebar_spende_titel"></p>
   <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
   </ul>
  </div>
  <div id="content">
    <div id="language_box">
      <div id="english_flag"><a href="../English/home2.html"><img src="../Bilder/Flags/U.S.A.png" width="40" height="25" alt="Read in English" /></a></div>
      <div id="german_flag"><a href="home1.html"><img src="../Bilder/Flags/Deutschland-3D-Web.png" width="40" height="25" alt="Auf Deutsch lesen" /></a></div>
      <div id="italy_flag"><a href="../Italiano/home4.html"><img src="../Bilder/Flags/Italy_3D-Web.png" width="40" height="25" alt="Leggi in Italiano" /></a></div>
      <div id="france_flag"><a href="../Francais/home3.html"><img src="../Bilder/Flags/France_3D-Web.png" width="40" height="25" alt="Lire en français" /></a></div>
    </div>
  </div>
  <div id="footer">&copy; 2012 - 2013 Copyright by Helvetic-Garden.com</div>
</div>
</body>


</html>

Alles anzeigen

CSS-DATEI - "alle.css":

Code

@charset "utf-8";#wrapper {
    margin-right: auto;
    margin-left: auto;
    width: 1000px;
    border-radius: 10px;
    -moz-border-radius: 0px;
}




#header {
    height: 250px;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFF;
    background-image: url(../Bilder/Header/Sunspot_abgerundet.jpg);
    background-repeat: no-repeat;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
.nav {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: rgba(255,255,255,1);
    background-color: rgba(204,204,204,0.5);
    text-align: center;
    height: 27px;
    width: 110px;
    float: left;
    margin-left: 5px;
    padding-top: 13px;
    margin-top: 205px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 2px 2px 2px rgba(0,0,0,1);
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,1);
    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,1);
    text-shadow: 1px 1px 2px rgba(0,0,0,1);
}
.social {
    float: right;
    margin-top: 205px;
    margin-right: 10px;
}
#sidebar_home_deu {
    float: right;
    height: 90px;
    width: 249px;
    overflow: auto;
    border: 1px solid rgba(102,102,102,1);
    background-color: rgba(204,204,204,1);
}




#sidebar_das_projekt {
    float: right;
    width: 249px;
    background-color: rgba(204,204,204,1);
    border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    -moz-border-radius: 0px 10px 10px 0px;
    box-shadow: 0px 0px;
    -webkit-box-shadow: 0px 0px;
    -moz-box-shadow: 0px 0px;
    overflow: auto;
    height: 2068px;
    border: 1px solid rgba(102,102,102,1);
}
#sidebar_ueber_uns {
    float: right;
    height: 645px;
    width: 249px;
    overflow: auto;
    border: 1px solid rgba(102,102,102,1);
    background-color: rgba(204,204,204,1);
}
#sidebar_spenden {
    float: right;
    width: 249px;
    overflow: auto;
    height: 1075px;
    border: 1px solid rgba(102,102,102,1);
    background-color: rgba(204,204,204,1);
}
#sidebar_kontakt {
    width: 249px;
    float: right;
    overflow: auto;
    height: 764px;
    border: 1px solid rgba(102,102,102,1);
    background-color: rgba(204,204,204,1);
}
#sidebar_home_eng {
    float: right;
    height: 90px;
    width: 249px;
    overflow: auto;
    border: 1px solid rgba(102,102,102,1);
    background-color: rgba(204,204,204,1);
}
#sidebar_the_project {
    float: right;
    height: 1850px;
    width: 249px;
    overflow: auto;
    border: 1px solid rgba(102,102,102,1);
    background-color: rgba(204,204,204,1);
}
#sidebar_about_us {
    float: right;
    height: 680px;
    width: 249px;
    overflow: auto;
    border: 1px solid rgba(102,102,102,1);
    background-color: rgba(204,204,204,1);
}
#sidebar_donate {
    float: right;
    height: 945px;
    width: 249px;
    overflow: auto;
    border: 1px solid rgba(102,102,102,1);
    background-color: rgba(204,204,204,1);
}
#sidebar_contact_eng {
    float: right;
    height: 758px;
    width: 249px;
    overflow: auto;
    border: 1px solid rgba(102,102,102,1);
    background-color: rgba(204,204,204,1);
}
#sidebar_home_fra {
    float: right;
    height: 90px;
    width: 249px;
    overflow: auto;
    border: 1px solid rgba(102,102,102,1);
    background-color: rgba(204,204,204,1);
}
#sidebar_le_projet {
    float: right;
    height: 2237px;
    width: 249px;
    overflow: auto;
    border: 1px solid rgba(102,102,102,1);
    background-color: rgba(204,204,204,1);
}
#sidebar_le_team {
    float: right;
    height: 743px;
    width: 249px;
    overflow: auto;
    border: 1px solid rgba(102,102,102,1);
    background-color: rgba(204,204,204,1);
}








#sidebar_donner {
    float: right;
    height: 1165px;
    width: 249px;
    overflow: auto;
    border: 1px solid rgba(102,102,102,1);
    background-color: rgba(204,204,204,1);
}
#sidebar_contact_fra {
    float: right;
    height: 750px;
    width: 249px;
    overflow: auto;
    border: 1px solid rgba(102,102,102,1);
    background-color: rgba(204,204,204,1);
}
#sidebar_home_ita {
    float: right;
    height: 90px;
    width: 249px;
    overflow: auto;
    border: 1px solid rgba(102,102,102,1);
    background-color: rgba(204,204,204,1);
}
#sidebar_il_progetto {
    float: right;
    height: 2285px;
    width: 249px;
    overflow: auto;
    border: 1px solid rgba(102,102,102,1);
    background-color: rgba(204,204,204,1);
}




#sidebar_il_team {
    float: right;
    height: 740px;
    width: 249px;
    overflow: auto;
    border: 1px solid rgba(102,102,102,1);
    background-color: rgba(204,204,204,1);
}




#sidebar_donare {
    float: right;
    height: 1110px;
    width: 249px;
    overflow: auto;
    border: 1px solid rgba(102,102,102,1);
    background-color: rgba(204,204,204,1);
}




#sidebar_contatto {
    float: right;
    height: 755px;
    width: 249px;
    overflow: auto;
    border: 1px solid rgba(102,102,102,1);
    background-color: rgba(204,204,204,1);
}
























.sidebar_spende_titel {
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 15px;
    text-align: center;
    background-color: rgba(204,255,153,1);
    margin-top: 25px;
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}




#language_box {
    height: 30px;
    width: 210px;
    background-color: rgba(102,0,0,1);
    padding-top: 5px;
    float: right;
    margin-right: 5px;
    margin-top: -45px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#english_flag {
    height: 25px;
    width: 40px;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}












#german_flag {
    height: 25px;
    width: 40px;
    float: left;
}
#italy_flag {
    float: left;
    height: 25px;
    width: 40px;
    margin-right: 10px;
    margin-left: 10px;
}
#france_flag {
    float: left;
    height: 25px;
    width: 40px;
}
























#content {
    background-color: #FFFFFF;
    padding-left: 25px;
    padding-bottom: 40px;
    padding-top: 50px;
    color: #333;
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-box-shadow: -1px -1px 1px #666;
    width: 700px;
    -moz-box-shadow: -1px 1px 1px rgba(102,102,102,1);
    box-shadow: -1px 1px 1px rgba(102,102,102,1);
    padding-right: 25px;
}
#e-mail_box {
    color: rgba(153,153,153,1);
    font-size: 24px;
    font-weight: bold;
    text-shadow: 0px 0px;
    height: 33px;
    margin-top: 30px;
    padding-top: 2px;
    padding-left: 7px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-family: "Arial Black", Gadget, sans-serif;
    width: 97px;
}
#e-mail_adresse {
    font-size: 14px;
    font-weight: bold;
    font-family: Tahoma, Geneva, sans-serif;
    height: 18px;
    width: 182px;
    margin-top: 20px;
    margin-left: 10px;
    border: 1px solid rgba(51,51,51,1);
    padding-left: 5px;
}




.Follow_us_contact {
    font-size: 24px;
    font-weight: bold;
    color: rgba(153,153,153,1);
    text-shadow: 0px 0px;
    height: 32px;
    margin-top: 20px;
    padding-top: 3px;
    padding-left: 7px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-family: "Arial Black", Gadget, sans-serif;
    width: 170px;




}
#facebook_bar {
    height: 35px;
    width: 125px;
    padding-top: 20px;
}




#twitter_bar {
    height: 35px;
    width: 125px;
    margin-top: 20px;
}
#kontaktiere_uns_contact {
    height: 32px;
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
    padding-top: 3px;
    padding-left: 7px;
    color: rgba(153,153,153,1);
    text-shadow: 0px 0px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 228px;
}
.formular_texte {
    display: block;
    height: 20px;
    width: 65px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: rgba(51,51,51,1);
    float: left;
}
.formular_ausfuell-felder {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    color: rgba(51,51,51,1);
    width: 200px;
    border: 1px solid rgba(153,153,153,1);
}
#form1 input:focus {
    background-color: rgba(232,209,187,1);
    border: 2px solid rgba(51,51,51,1);
}








.formular_textfeld {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    color: rgba(51,51,51,1);
    height: 100px;
    width: 200px;
    border: 1px solid rgba(102,102,102,1);
}
#form1 textarea:focus {
    background-color: rgba(232,209,187,1);
    border: 2px solid rgba(51,51,51,1);
}








#senden {
    background-color: rgba(153,102,51,1);
    height: 30px;
    width: 85px;
    border: 2px solid rgba(0,0,0,1);
    margin-left: 185px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: rgba(204,204,204,1);
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}




















body,td,th {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 12px;
    color: #333;
}
































body {
    background-color: #E5E5E5;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
a:link {
    color: #0033FF;
    text-decoration: none;
}




a:visited {
    color: #00CC99;
    text-decoration: none;
}
a:hover {
    color: #99CC33;
    text-decoration: underline;
}
a:active {
    color: #FF0000;
    text-decoration: none;
}
h1 {
    font-size: 30px;
    color: #1D1D1D;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    text-transform: uppercase;
    text-decoration: underline;
    text-align: center;
}
h2 {
    font-size: 20px;
    color: #1D1D1D;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-decoration: underline;
    text-transform: none;
    padding-left: 50px;
}












h3 {
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    text-transform: none;
    color: #1D1D1D;
}












#footer {
    height: auto;
    text-align: center;
    padding-top: 7px;
    background-color: #000000;
    color: #CCC;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: -1px 0px 2px #000;
}

Alles anzeigen

P.s.:

Bitte Entschuldigt..... Ein Post richtig beschrieben, ist besser als 5 Schlampige Post's... Tut mir leid ! :oops:

milupo

Also bei mir ist die Box mit den ganzen Listeneinträgen ganz am rechten Rand.

.Hermes

Wie lange soll das Spiel denn noch weitergehen ?

Als TO kannst du doch einfach den Code auf irgendeinen beliebigen Server laden. Dann haben alle Beteiligten einen aktuellen, identischen Stand. Die Spielereien mit den Code-Blocks mache ich z.B. nicht mit.

Hans-Sölö

Zitat von .Hermes

Wie lange soll das Spiel denn noch weitergehen ?

Bis jetzt... Spar dir bitte den Unterton !!! Es genügt wenn mir dass jemand ganz normal sagt.
Bin nicht darauf gekommen.... Dachte dass, wenn ich die Site auf einen Server laden will muss ich zuvor alles per PHP-Coden.

Zitat von .Hermes

Als TO .....

Watt is TO ?

Zitat von .Hermes

Die Spielereien mit den Code-Blocks mache ich z.B. nicht mit.

Das ist jedems eigene Entscheidung....für etwas sind die Blöcke schliesslich da...

@ milupo

Ich verstehe nicht ganz....meinst du in Firefox ?

milupo

Zitat von Hans-Sölö

@ milupo
Ich verstehe nicht ganz....meinst du in Firefox ?

Ja, wo denn sonst? Du hast geschrieben, dass die Seite bei dir in Firefox nicht richtig dargestellt wird, und wir sind hier in einem Firefox-Forum. Ansonsten muss ich .Hermes recht geben, mit irgendwelchen Code-Häppchen ist es nicht getan.

Hans-Sölö

@ milupo

... Dachte du meinst ganz rechts, ausserhalb der Website am Rand des Browser's .....die Frage war vllt. ein wenig falsch Formuliert. :wink:

Habs auch gesehen dass sie so richtig angezeigt wird...

Ich sags kurz:

Mein Fehler... Thread lass ich schliessen.... Bin in anderen Foren wo der Tonfall sogar stimmt" :-?? Danke :-?? "

P.s.:

Zitat

Zitat : milupo
........wir sind hier in einem Firefox-Forum

...Genau... :wink: ....ich bin ich hier falsch seit ich gemerkt habe dass es nicht ein Firefox Problem ist.

Auf ...wiederschreiben !