nicht angemeldet
Moin,
ich brüchte mal eine Lösung für folgendes Problem:
Ich versuche grade eine Website zu erstellen in reinem html mit css.
soweit so gut, ist ja eigentlich auch kein Thema, aber dann kam mein großes Problem mit dem resize.
Wenn ich meine Bildschirmgröße auf Vollbild habe sieht alles wunderbar aus, doch dann habe ich das Fenster mal verkleinert und mir ist alles aus dem Gesicht gefallen. Die ganzen Grafiken waren verschoben. Ich habe gerade keine Idee, wie ich dies bewerkstelligen kann. ICh hoffe ihr könnt mir weiterhelfen-
Hier der Link zur Seite:
hier meine index.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
<title></title>
</head>
<body>
<div id="leiste_oben"></div>
<p class="suche">Experten-Suche</p>
<p class="anwalt">Rechtsanwälte</p>
<p class="sachver">Sachverständige</p>
<p class="gutachter">Gutachter</p>
<p class="bau">Bau-Gutachter</p>
<p class="kfz">KFZ-Gutachter</p>
<p class="medizin">Medizin-Gutachter</p>
<p class="etc">etc.</p>
</body>
</html>
und hier meine css:
body {
background-image:url(http://cyberoner1.kilu.de/rdg/images/bg.jpg);
background-repeat:no-repeat;
background-position:100px 15px;
background-color:#b0c4de;
}
#leiste_oben {
background-color:#000080;
width:992px;
padding:5px;
margin-top: 15px;
margin-left:90px;
line-height:10px;
}
.suche {
color:#FFFFFF;
font-weight:bold;
margin-top:-25px;
margin-left:130px;
}
.anwalt {
color:#FFFFFF;
font-weight:bold;
margin-top:-38px;
margin-left:260px;
}
.sachver {
color:#FFFFFF;
font-weight:bold;
margin-top:-38px;
margin-left:380px;
}
.gutachter {
color:#FFFFFF;
font-weight:bold;
margin-top:-38px;
margin-left:510px;
}
.bau {
color:#FFFFFF;
font-weight:bold;
margin-top:-38px;
margin-left:600px;
}
.kfz {
color:#FFFFFF;
font-weight:bold;
margin-top:-38px;
margin-left:730px;
}
.medizin {
color:#FFFFFF;
font-weight:bold;
margin-top:-38px;
margin-left:870px;
}
.etc {
color:#FFFFFF;
font-weight:bold;
margin-top:-38px;
margin-left:1030px;
}
suit