Hilfe gesucht

Ceiko · 5. Mai 2009

also ich hab seit gestern mit html angefangen also beschwert euch bitte nicht über mein nichtkönnen und meine evtl dummen fragen.Mein Problem gerade:

[Blockierte Grafik: http://www.bilder-space.de/thumb/05.054JVT8wHRT6I2Gqx.GIF]

der gelbe streifen soll komplett durchgängig sein (von linken bis rechten rand)
nur ich bekomms net hin
ihr könnt mich noch auf evtl andere vergehen hinweisen^^

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
<title>Siegfried Weißenborn GmbH</title>

<!--
#navi {

margin-right:5em;
margin-left:5em;
}

#navi li {
float:left;

padding-right:5em;
padding-left:5em;
background-color: yellow;

}

#inhalte {

padding-left:10%;

}
-->
</style>
<div align='center'>

<ul>
<li><a href="Siegfried-weissenborn.htm">Startseite </a></li>
<li><a href="daswir.htm">Das sind Wir</a></li>
<li><a href="Geschichte.htm">Geschichte</a></li>
<li><a href="Kontakt.htm">Kontakt</a></li>
</ul>
</div>
<br/> <br/> <br/>
<div id="inhalte">
Herzlich Willkommen auf der internetpräsens von der Siegfried Weißenborn GmbH
</div>

</body>
</html>

YetiZwerg · 5. Mai 2009

1. der CSS-Teil kommt in eine externe Datei
2. wenn schon in der selben, dann wenigstens im Head-Bereich
3. dein fehler ist

Code

#navi { 




margin-right:5em; 
margin-left:5em; 
}

lass das weg... hiermit sagst du nämlich, dass der gelbe balken NICHT bis ans ende gehen darf

Ceiko · 5. Mai 2009

hmm danke aber jetzt geht es immer noch nicht von links nach rechts.
und wenn ich den css in head bereich tue wird der navi teil ganz ande4rs angezeigt
und wie tu ich das in eine externe datei?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
<title>Siegfried Weißenborn GmbH</title>

#navi li {
float:left;

padding-right:5em;
padding-left:5em;
background-color: yellow;

}

#inhalte {

padding-left:10%;

</head>

</style>
<div align='center'>

<ul>
<li><a href="Siegfried-weissenborn.htm">Startseite </a></li>
<li><a href="daswir.htm">Das sind Wir</a></li>
<li><a href="Geschichte.htm">Geschichte</a></li>
<li><a href="Kontakt.htm">Kontakt</a></li>
</ul>
</div>
<br/> <br/> <br/>
<div id="inhalte">
Herzlich Willkommen auf der internetpräsens von der Siegfried Weißenborn GmbH
</div>

</body>
</html>

YetiZwerg · 5. Mai 2009

Zitat von "Ceiko"

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
<title>Siegfried Weißenborn GmbH</title>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="generator" content="Webocton - Scriptly (<a class="postlink" href="http://www.scriptly.de">http://www.scriptly.de</a>)" />

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

#navi li {
float:left;

padding-right:5em;
padding-left:5em;
background-color: yellow;

}

#inhalte {

padding-left:10%;

</head>

<body background = hintergrund-raufaser.gif>

<style type="text/css">

</style>
<div align='center'>

<img src="logo.GIF" title="Siegfried Weißenborn GmbH" width="900" height="109" style="border: 0px" />
</div>

<br/> <br/>

<div ID="navi">

<ul>
<li><a href="Siegfried-weissenborn.htm">Startseite </a></li>
<li><a href="daswir.htm">Das sind Wir</a></li>
<li><a href="Geschichte.htm">Geschichte</a></li>
<li><a href="Kontakt.htm">Kontakt</a></li>
</ul>
</div>
<br/> <br/> <br/>
<div id="inhalte">
Herzlich Willkommen auf der internetpräsens von der Siegfried Weißenborn GmbH
</div>

</body>
</html>

Alles anzeigen

das nenn ich echt mal depp...

das <style> </style> brauchst du auch...

und in ne externe ist einfach... ein kopieren (ohne <style> </style>) und style.css nennen

die verlinkung hast du schon

Ceiko · 5. Mai 2009

ja danke ...trotzdem geht der gelbe strich immer noch nicht durch

und ich finds sehr höhflich als depp bezeichnet zu werden obwohl ich wie gesagt seit gestern erst mit html angefanegn hab

YetiZwerg · 5. Mai 2009

es ist aber logisch, dass man den Tag in HTML mitnehmen muss...

und noch etwas...

bevor du daran denkst gleich mit css anzufangen und eine Seite für eine Firma zu machen, lern es erstmal... arbeite das KOMPLETTE Seminar durch und stell dann die fragen...

und versuch dich erstmal in ein paar Testpages...

sonst wird das nichts...

YetiZwerg · 5. Mai 2009

ich habe dir die Seite mal etwas umgebaut und ein paar Fehler verbessert...

nachfolgend der Code mit der Bezeichnung der Dateien, wie du sie abspeichern musst:

index.htm

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>




<head>
<title>Siegfried Wei&szlig;enborn GmbH</title>




<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />




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




<body background="hintergrund-raufaser.gif">




<div id="wrapper">
<div id="header">
<img src="logo.GIF" title="Siegfried Weißenborn GmbH" />
</div>
<div id="navi">
 <ul>
  <li><a href="index.htm">Startseite </a></li>
  <li><a href="daswir.htm">Das sind Wir</a></li>
  <li><a href="geschichte.htm">Geschichte</a></li>
  <li><a href="kontakt.htm">Kontakt</a></li>
 </ul> <br />
</div>
<div id="inhalte">
Herzlich Willkommen auf der internetpr&auml;sens von der Siegfried Wei&szlig;enborn GmbH
</div>
<div id="footer">
&copy; ...
</div>
</div>




</body>
</html>

Alles anzeigen

style.css

Code

#wrapper{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}
#header{
    text-align: center;
    width: 100%;
    height: 110px;
}
#header img{
    width: 100%;
    height: 100%;
    border: none;
}
#navi {
background-color: yellow;
width: 100%;
}
#navi li {
float:left;
padding-right:4em;
padding-left:4em;
background-color: transparent;
}
#inhalte {
padding-left: 10px;
padding-top: 5px;
min-height: 350px;
}
#footer{
    width: 100%;
    height: 20px;
    text-align: center;
}

Alles anzeigen

viel Spass

Ceiko · 5. Mai 2009

ja danke nur wenn ich das so übernehme wie du das mir gegeben hast sieht es wieder schlimmer aus...und der gelbe strich ist immernoch net durchgängig(die navizeile)
da will ich noch ne trennlinie mit schattierung reinbringen ...deshalb

aber trotzdem danke für deine mühen

Talwin · 5. Mai 2009

Hi,

nimm mal das hier als Anfang:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <title>Siegfried Wei&szlig;enborn GmbH
    </title>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />
    <link href="style.css" type="text/css" rel="stylesheet" />
    <style type="text/css">
      body {
        background-image: url(hintergrund-raufaser.gif);
        margin: 0;
        padding: 0;
      }
      #navi {
        width: 100%;
        background-color: yellow;
        margin-bottom: 3em;
      }
      #navi ul {
        margin: 0;
        padding: 0;
      }
      #navi li {
        list-style: none;
        float: left;
        position: relative;
        margin-left: 2.5em;
        margin-right: 2.5em;
        padding: 0;
      }
      #navi li a {
        display: block;
        background-color: yellow;
      }
      #clear {
        clear: left;
      }
      #inhalte {
        padding-left:10%;
      }
      h1 {
        text-align: center;
      }
      #logo {
        width: 900px;
        height: 109px;
        border: 0;
      }
    </style>
  </head>
  <body>
    <h1>
      <img src="logo.GIF" id="logo" alt="Siegfried Wei&szlig;enborn GmbH" title="Siegfried Wei&szlig;enborn GmbH" />
    </h1>
    <div id="navi">
      <ul>
        <li>
          <a href="Siegfried-weissenborn.htm">Startseite</a>
        </li>
        <li>
          <a href="daswir.htm">Das sind Wir</a>
        </li>
        <li>
          <a href="Geschichte.htm">Geschichte</a>
        </li>
        <li>
          <a href="Kontakt.htm">Kontakt</a>
        </li>
      </ul>
      <div id="clear"></div>
    </div>
    <div id="inhalte">
      Herzlich Willkommen auf der internetpr&auml;sens von der Siegfried Wei&szlig;enborn GmbH
    </div>
  </body>
</html>

Alles anzeigen

Bei Fragen einfach fragen.

Gruß Talwin

NeoAramis · 5. Mai 2009

Hier ein Weiterführung von YetiZwerg. Er hat selber zu viele Fehler gemacht und ehrlich gesagt musst du ihn nicht wirklich ernst nehmen...

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>Titel</title>
	<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
	<meta name="description" content="" />
	<meta name="author" content="" />
	<meta name="keywords" content="" />
	<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />
	<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
	<div id="wrapper">
		<div id="header">
			<p>header</p>
		</div>
		<div id="navi">
 			<ul>
  				<li><a href="index.htm">Link</a></li>
  				<li><a href="daswir.htm">Link</a></li>
  				<li><a href="geschichte.htm">Link</a></li>
  				<li><a href="kontakt.htm">Link</a></li>
 			</ul>
		</div>
		<div id="inhalt">
			<p>inhalt</p>
		</div>
		<div id="footer">
			<p>footer</p>
		</div>
	</div>
</body>
</html>

Alles anzeigen

Code

* {
padding: 0;
margin: 0;
}




#wrapper{
height: auto;
}




#header {
height: 110px;
border-bottom: 1px solid #dcdcdc;
}




#header p {
font-family: Arial;
padding: 15px;
}




#navi {
height: 50px;
background-color: #dcdcdc;
}




#navi li {
float: left
}




#navi ul li {
display: block;
padding: 15px;
list-style-type: none;
font-family: Arial;
}




#inhalt {
height: 200px;
border-bottom: 1px solid #dcdcdc;
}




#inhalt p {
font-family: Arial;
padding: 15px;
}




#footer {
height: 80px;
border-bottom: 1px solid #dcdcdc;
}




#footer p {
font-family: Arial;
padding: 15px;
}

Alles anzeigen

Talwin · 5. Mai 2009

Zitat von "NeoAramis"
Code
...
	<div id="header">
		<p>header</p>
	</div>
	...

Das sehe ich hier im Forum mittlerweile ziehmlich oft, ist aber semantisch falsch. Das ist sinngemäß eine Seitenüberschrift und sollte auch so ausgezeichnet werden, also so:

Code

<h1>header</h1>

Gruß Talwin

Axel · 5. Mai 2009

Da muss ich mal Talwin wiedersprechen
(oder Missverständnissen vorbeugen

Die Hauptüberschrift <h1> (und nur 1mal pro HTML-Seite) wird sich allerwahrscheinlichkeit im Bereich des Inhalts finden (und nicht im Bereich-header) - aber wahrscheinlich hast du das eh so gemeint. Also wie hier abgebildet:

Code

<div id="header">
         <p>header</p>
      </div>
      <div id="navi">
          <ul>
              <li><a href="index.htm">Link</a></li>
              <li><a href="daswir.htm">Link</a></li>
              <li><a href="geschichte.htm">Link</a></li>
              <li><a href="kontakt.htm">Link</a></li>
          </ul>
      </div> 




<div id="inhalt">
    <h1>Überschrift dieser Seite</h1>  
    <p>inhalt</p>
</div>

Alles anzeigen

Grüße
Axel

Axel · 5. Mai 2009

Zitat von "NeoAramis"
Hier ein Weiterführung von YetiZwerg.
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

Ja, ja, das Glashaus, in dem man keine Steine schmeißen sollte
Warum kein XHTML ?
Und nicht ganz unwichtig ist die Spracherweiterung bei <html

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

Den Rest von deinem HTML-Quellcode gefällt mir soweit (Lob ist wichtig, habe ich gehört)
Im CSS könnte man den Font einmal generell definieren, dann würden die anderen wegfallen:

Code

html, body {
  font-family: Arial, sans-serif; 
}

PS: ich konnte mir den Kommentar nun nicht verkneifen

Ceiko · 5. Mai 2009

wtf :shock: :shock: :shock:
also mit soo vielen antworten hät ich net gerechnet... naja mitlerweile ist nachmmitag und ich hab seit heute früh net mehr geschaut und bin deshalb auf nen andern stand... aber so richtig durchblicken tu ich gar net mehr.
deshalb der jetzige stand und nochmal vielen dank für die vielen antworten ihr seit ein tolles forum(ps ich hab das ausgebessert was ich konnte)

meine probleme das firmenbild ist nicht ganz mittig
die orangene leiste ist zu breit(vertikal)
wie gesagt ich möchte eine orangene leiste haben die zwischen bild und text ist(navi leiste)
und darunter ein schatten(der mir auch nicht gellingen will...

HTML

<!DOCTYPE XHTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>




<head>
<title>Siegfried Wei&szlig;enborn GmbH</title>




<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="Firma Siegfried Wei&szlig;enborn" />
<meta name="author" content="Eric Wei&szlig;enborn" />
<meta name="keywords" content="Stahlbau Metallbau Firma familieunternehmen Schweissen " />
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />




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




<body bgcolor="#B8DAE5" >




<div  id="wrapper">
<div  id="header">
<img src="Firmenlogo2.jpg" title="Siegfried Weißenborn GmbH" /> </div>




<div id="navi">
 <ul>
  <li><a href="index.htm">Startseite </a></li>
  <li><a href="daswir.htm">Das sind Wir</a></li>
  <li><a href="geschichte.htm">Geschichte</a></li>
  <li><a href="kontakt.htm">Kontakt</a></li>
 </ul>




<div id="schatten">
</div>




 <br/><br/><br/>
</div>
<div id="inhalte">
Herzlich Willkommen auf der internetpr&auml;sens von der Siegfried Wei&szlig;enborn GmbH
</div>
<div id="footer">
&copy; ...
</div>
</div>




</body>
</html>

Alles anzeigen

Code

* {
  margin:0;
  padding:0;
}
html, body {
  font-family: Arial, sans-serif;
}




#wrapper{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}
#header{
    text-align: center;
    width: 101%;
    height: 110px;
}
#header img{
    width: 110%;
    height:200%;
    border: none;
    padding-left: auto;
}
#navi {
background-color:#EBC000;
width: 150%;
}
#navi li {
float:left;
padding-right:4em;
padding-left:4em;
background-color: white;
}
#inhalte {
padding-left: 10px;
padding-top: 5px;
min-height: 350px;
}
#footer{
    width: 100%;
    height: 20px;
    text-align: center;
}
#Schatten{
      background:url(schattenwurf-grau-v.png) repeat-x;
      height:12px;
}

Alles anzeigen

für was steht eigtl footer wrapper und header(das ist noch von zwerg

NeoAramis · 5. Mai 2009

Axel
Die Doctype-Deklaration habe ich von YetiZwerg übernommen. Aber du hast natürlich vollkommen recht, ich habe sie mir nicht angesehen.

Talwin
Mit dem "header" wollte ich nur markieren, das dort eben der "header" ist. Ceiko will hier ja gaube ich eine Grafik einfügen.

Ceiko
Mit der "id" kannst du Elemente ansprechen und sie im CSS damit definieren, eine andere Variante wäre "class" aber die Vor- und Nachteile kann ich dir nicht sagen. Musst du axel fragen. Ich verwende sie eher nach Gefühl, was aber sehr wahrscheinlich falsch ist:)

Und die Namen für "id" und "class" kannst du selber auswählen. Hier lohnt sich aber aussagekräftige Begriffe wie sie YetiZwerg genommen hat zu verwenden, z.B. "header" für den "Kopf" der Website.

Ceiko · 5. Mai 2009

kay dankeschön
so jetzt müsst ich nur noch wissen was ich verändern muss damit

a) linie hab ich hinbekommen
b)ich den schatten hinkrieg^^

YetiZwerg · 5. Mai 2009

Zitat von "NeoAramis"

Hier ein Weiterführung von YetiZwerg. Er hat selber zu viele Fehler gemacht und ehrlich gesagt musst du ihn nicht wirklich ernst nehmen...

oh doch man kann mich sehr wohl ernst nehmen!!

ich habe das ganze gemacht wärend ich im Unterricht saß...
ich war also nicht 100% bei der sache...

und wenn du als Fehler die Rechtscheibfehler im Text meinst, dann sind die nicht von mir...

oder dir der Code nicht sauber genug ist...
das ist nur eine formatirungsfrage...
ich habe dafür gesorgt, dass es funzt... und bei mir hat es gefunzt.

NeoAramis · 5. Mai 2009

Ich meine nur wie du mit einem Anfänger umgehst, der Höhepunkt war wohl als du ihn Depp genannt hast. Aber vergiss es, ich möchte nicht wieder mit dir diskutieren, du bist zu stur.

Ceiko · 6. Mai 2009

so jetzt so wie ich hoffe liegt das letzte problem vor.

Der internet Explorer zeigt alles so an wie es sein soll:

[Blockierte Grafik: http://www.bilder-space.de/thumb/06.0586QeRll0OHDPrP6.GIF]

Aber Mozilla lässt alles verrutschen.Als ich noch DOCTYPE XHTML hatte war das noch schlimmer ,also bin ich wieder auf HTML gegangen ,da wars net mehr ganz so extrem.

[Blockierte Grafik: http://www.bilder-space.de/thumb/06.050usQ6BhzAQehKAC.GIF]

hier der neue quelltext:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>




<head>
<title>Siegfried Wei&szlig;enborn GmbH</title>




<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="Firma Siegfried Wei&szlig;enborn" />
<meta name="author" content="Eric Wei&szlig;enborn" />
<meta name="keywords" content="Stahlbau Metallbau Firma familieunternehmen Schweissen " />
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />




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




<body bgcolor="#B6DBFF" >




<div  id="wrapper">
<div  id="header">
<img src="Firmenlogo4.jpg" title="Siegfried Weißenborn GmbH" /> </div>




<div id="navi">
 <ul>
  <li><a href="index.htm">Startseite </a></li>
  <li><a href="daswir.htm">Das sind Wir</a></li>
  <li><a href="geschichte.htm">Geschichte</a></li>
  <li><a href="kontakt.htm">Kontakt</a></li>
 </ul>
</div>
<div id="schatten">
 </div>




 <br/>
</div>
<div id="inhalte">
<h1>Herzlich Willkommen auf der internetpr&auml;sens von der Siegfried Wei&szlig;enborn GmbH </h1>
</div>
<div id="footer">
&copy; Eric Wei&szlig;enborn
</div>
</div>




</body>
</html>

Alles anzeigen

Code

* {
  margin:0;
  padding:0;
}
html, body {
  font-family: Arial, sans-serif;
}




#wrapper{
    width: 71.5%;
    margin-left: auto;
    margin-right: auto;
}
#header{
    text-align: center;
    width: 101%;
    height: 110%;
}
#header img{
    width: 110%;
    height:250%;
    border: none;
    padding-left: auto;
}
#navi {
background-color:#ceb98e;
width: 62.5em;
}
#navi li {
float:left;
padding-right:4em;
padding-left:4em;
background-color: #ceb98e;
}
#inhalte {
padding-left: 10%;
padding-top: 5px;
min-height: 350px;
}
#footer{
    width: 100%;
    height: 20px;
    text-align: center;
}
#schatten{
      background:url(schattenwurf-grau-v.png) repeat-x;
      width:62.5em;
      height:12px;
}

Alles anzeigen

YetiZwerg · 6. Mai 2009

in der index.htm hat du den wrapper zu früh geschlossen

hier richtig:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>




<head>
<title>Siegfried Wei&szlig;enborn GmbH</title>




<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="Firma Siegfried Wei&szlig;enborn" />
<meta name="author" content="Eric Wei&szlig;enborn" />
<meta name="keywords" content="Stahlbau Metallbau Firma familieunternehmen Schweissen " />
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />




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




<body bgcolor="#B6DBFF" >




<div  id="wrapper">
<div  id="header"><img src="Firmenlogo4.jpg" title="Siegfried Weißenborn GmbH" /></div>




<div id="navi">
 <ul>
  <li><a href="index.htm">Startseite </a></li>
  <li><a href="daswir.htm">Das sind Wir</a></li>
  <li><a href="geschichte.htm">Geschichte</a></li>
  <li><a href="kontakt.htm">Kontakt</a></li>
 </ul>
</div>
<div id="schatten"></div>




<div id="inhalte">
<h1>Herzlich Willkommen auf der internetpr&auml;sens von der Siegfried Wei&szlig;enborn GmbH </h1>
</div>
<div id="footer">
&copy; Eric Wei&szlig;enborn
</div>
</div>




</body>
</html>

Alles anzeigen

und in der CSS hast du alles mögliche Verstellt... kein Wunder, dass da nichts passt...

ich habe es jetzt verbessert und mir wird alles in IE und FF richtig angezeigt...

Code

* {
  margin:0;
  padding:0;
}
html, body {
  font-family: Arial, sans-serif;
}




#wrapper{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}
#header{
    text-align: center;
    width: 100%;
    height: 110px;
}
#header img{
    width: 100%;
    height:110px;
    border: none;
}
#navi {
background-color:#ceb98e;
width: 100%;
}
#navi li {
float:left;
padding-right:4em;
padding-left:4em;
background-color: #ceb98e;
}
#inhalte {
padding-left: 10%;
padding-top: 5px;
min-height: 350px;
}
#footer{
    width: 100%;
    height: 20px;
    text-align: center;
}
#schatten{
      background:url(schattenwurf-grau-v.png) repeat-x;
      width:62.5em;
      height:12px;
}

Alles anzeigen

mkG YetiZwerg

Hilfe gesucht

Jetzt mitmachen!

Teilen