Hallo,
ich versuche gerade meine Website zu verbessern und finde mein Ergebnis auch schon ganz akzeptabel:
html-seminar.de/woltlab/attachment/1610/So wird mir die Seite bisher angezeigt, wenn ich sie von Phase 5 Editor in Google Chrome öffne.
Wenn ich die Seite aber hochlade sieht sie so aus:
html-seminar.de/woltlab/attachment/1611/
Keine Ahnung was da falsch läuft.
HTML:
html-seminar.de/woltlab/attachment/1612/
CSS:
body{
font-family: "georgia", serif;
background-color:#FFF;
font-size: 15px;
text-align:left;
}
div{
margin-bottom:2%;
float:left;
}
#title{
padding-top:1%;
margin-bottom: 5%;
background-color:#333;
color:#FFF;
width:100%;
height:5%;
font-size: 150%;
}
#lefttitle{
margin-left:2%;
text-align:left;
width:46%;
}
#righttitle{
text-align:right;
width:50%;
}
#left{
margin-left:20%;
margin-right:1%;
width:29%;
height:40%;
text-align:justify;
}#right
{
margin-right:20%;
width:29%;
height:40%;
text-align:justify;
}
#videoplayer{
margin-left:20%;
width:60%;
}
#mid{
margin-left:20%;
width:60%;
}
a:link, a:visited{
text-decoration: none;
color: #A00;
padding-right:10px;
}
a:hover{
color: #600;
text-decoration: none;
}
.videobutton
{
width:200px;
height:100px;
}
Irgendwelche Ideen?
Vielen Dank schonmal fürs durchlesen 
