nicht angemeldet
Hi Eschy!
Hast du dir schonmal angesehen, wo du laut #inside deinen Text stehen hast? Nämlich von der oberen linken Ecke des Fensters aus 10px nach links und 18px nach unten...
#inside {
position: absolute;
left:10px;
top:18px;
width: 750px;
border: 1px solid;
}Versuch mal von dem fixierten Layout (position:absolute) weg zu kommen.
Hier tun es auch margin-top/left:20px;
»»
Als Blocklevel-Element ordnet es sich eh unter dem Head an. Wenn es zu weit runter rutscht, dann mit margin-top:-Zahlpx; (neg. margin.top) gegensteuern.
Arbeite mit float und width. Auch hier kannst du mittels margin nachkorrigieren.
img#top {
position:absolute;
left:250px;
top:322px;
width:800px;
height: 18px;
}Auch hier: position:absolute; raus. Wenn float für #left vernünftig gesetzt ist, sollte das Bild fast da sein, wo es hin soll, ansonsten mit margin nachbessern. Gleiches gilt für das nachfolgende:
#content {
position:absolute;
left:250px;
top:340px;
width:800px;
background-image: url(img/bg.png);
background-repeat: repeat-y;
/*border: 1px solid;*/
}Fixierte Layouts sind zwar "handlich" zu bauen, aber unschön. Lass den Browser die grobe Anordnung selbst machen und korrigiere mit margin.
tschau
ichen
ein dickes danke schon einmal. soweit funktioniert alles.. blos gibts noch nen fehler, wenn man das Browserfenster verkleinert, denn da springt dann der ganze container nach unten... Seite
Der Martin