mariacati: Inhalt gleitet bei kleinerem Browserbild nicht nach links

Beitrag lesen

Hallo!

Ich bin Anfängerin im Programmieren. Habe ein kleines Projekt und möchte, das mein Inhalt bei kleinerem Browserfenster nach links an den Browserfesterrand rutscht. Habe alles versucht! Bitte um Tipps, was ich falsch gemacht habe.

http://detering-design.de/bin/journalismus/journalismus.html

hier die CSS datei:
/* Global Styles */

body {
 background-repeat: no-repeat;
 margin-top: 33px;
 margin-right: auto;
 margin-bottom: 64;
 margin-left: auto;
 padding-top: 33px;
 padding-right: 50em;
 padding-bottom: 64px;
 padding-left: 15em;
 position: absolute;
 width: 544px;
 float: none;
 background-color: #EFDAA5;
 }

td {
 font:11px Arial, Helvetica, sans-serif;
 color:#FFFF00;
 }

a {
 color: #FF080E;
 }

a:hover {
 color: #FF9900;
 }

/* ID Styles */

#navigation td {
 border-bottom: 1px solid #FF9900
 }

#navigation a {
 font:11px Arial, Helvetica, sans-serif;
 color: #FF9900;
 line-height:16px;
 letter-spacing:.1em;
 text-decoration: none;
 display:block;
 padding:8px 6px 8px 22px;
 }

#navigation a:hover {
 color:#FFFFCC;
 font-weight:bold;
 background: url("mm_bullet_yellow.gif") 10px 50% no-repeat;
 }

#navheader {
 font:24px georgia;
 color: #1F2669;
 letter-spacing:0.4em;
 line-height:20px;
 }

#logo  {
 font:14px Arial, Helvetica, sans-serif;
 color: #FF9900;
 letter-spacing:.5em;
 line-height:30px;
 }

#tagline  {
 font:11px Arial, Helvetica, sans-serif;
 color: #FF9900;
 letter-spacing:.2em;
 line-height:14px;
 }

#monthformat td {
  border-bottom: 1px solid #FFFFCC;
  }

#dateformat {
 font:11px Arial, Helvetica, sans-serif;
 color: #FFFF00;
 letter-spacing:.4em;
 }

#dateformat a {
 font: 11px Arial, Helvetica, sans-serif;
 color: #FFFF00;
 letter-spacing:.1em;
 text-decoration: none;
 }

#dateformat a:hover {
 color: #FFFFCC;
 }

/* Class Styles */

.bodyText {
 font:11px Arial, Helvetica, sans-serif;
 color:#FFFF00;
 line-height:22px;
 margin-top:0px;
 letter-spacing:.1em;
 }

.pageName{
 font:18px Arial, Helvetica, sans-serif;
 color: #FFFF00;
 line-height:24px;
 letter-spacing:.3em;
 }

.columnHeader {
 font: 11px Arial, Helvetica, sans-serif;
 color: #FF080E;
 line-height:18px;
 letter-spacing:.05em;
 }

.subHeader {
 font:bold 11px Arial, Helvetica, sans-serif;
 color: #FF080E;
 line-height:18px;
 letter-spacing:.1em;
 }

.smallText {
 font:10px Arial, Helvetica, sans-serif;
 color:#333333;
 }

.navText {
 font:11px Georgia, Times New Roman, Times, serif;
 color: #1F2669;
 line-height:16px;
 letter-spacing:.1em;
 text-decoration: none;
 }
.Stil5 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 28px;
 line-height: 20px;
 font-weight: normal;
 color: #FF9900;
 font-style: normal;
}

Vielen Dank im voraus!!!

Herzliche Grüße von Maren