Beiträge von Hans-Sölö

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 !

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 ?

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:

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

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:

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... <;)

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ö

@ 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ö

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ö

Beiträge von Hans-Sölö

Sidebar meiner eigenen Webseite wird falsch dargestellt

Sidebar meiner eigenen Webseite wird falsch dargestellt

Sidebar meiner eigenen Webseite wird falsch dargestellt

Sidebar meiner eigenen Webseite wird falsch dargestellt

Sidebar meiner eigenen Webseite wird falsch dargestellt

Sidebar meiner eigenen Webseite wird falsch dargestellt

Sidebar meiner eigenen Webseite wird falsch dargestellt

Sidebar meiner eigenen Webseite wird falsch dargestellt

Sidebar meiner eigenen Webseite wird falsch dargestellt