Grösse anpassen

[Skulldred]

Hallo,

ich habe zum ersten mal eine Seite komplett mit div und css aufgebaut.
Funktioniert eigentlich alles ganz gut, ausser wenn ich das Fenster verkleinere... Dann schneidet es mir einfach teile von den Bilder ab.

erst einmal:

<div id="sktech_01"><table width="100%" height="117"><tr><td></td></tr></table></div>

macht keinen Sinn, oder? Die Tabelle enthält weder tabellarische noch andere Daten. Das Attribut 'height' ist nicht erlaubt.

Das war auch nur ein test weil ich schauen wollte obs daran liegt ;)

Im Stylesheet bietet sich eine verkürzte Schreibweise an:

BODY {
padding:  0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #AFAFAF;

wird zu:

body {
  padding:0;
  margin:0;
  background:#afafaf;

Ok wusste ich nicht...

}

Du solltest weiterhin alle Selektoren, Attribute und Wertzuweisungen "kleinschreiben". Mehr als ein Leerzeichen zwischen Attribut und Wert kann manchmal zu Schwierigkeiten führen (s. oben bei "padding").

Jopp mein fehler war auch langsam spät ;)

Unter Umständen liegt es an der absoluten Positionierung deiner Elemente.

Das Prob liegt hier:

#sktech_01 {
position: absolute;
width: 194px;
height: 189px;
top: 50%;
left: 50%;
margin-top: -300px;
margin-left: -400px;
background-image: url(../images/sktech_01.jpg);
background-repeat: no-repeat;

Ich wollte das es mir die gesammte website immer zentriert aber wenn ich es auf diese weise mache habe ich den effekt das es alles abschneidet....

}

Mit freundlichen Grüßen

André

Gruss zurück & danke