mgubler
Threadersteller
Dabei seit: 11.09.2007
Ort: Willich | Krefeld
Alter: 41
Geschlecht:
|
Verfasst Do 19.06.2008 21:47
Titel divs positionieren |
|
|
hallo zusammen,
ich möchte gerne dass die im nachfolgend genannten sourcecode angezeigten divs UR/OR immer bei 90% der weißen fläche positioniert werden.
wenn ich den browser verkleinere, dann wird das div UR/OR ausserhalb dieses weißen bereichs gezeigt.
hoffe ihr versteht mich?!?
Code: | <!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" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body {
margin-left: 10px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
background-image: url(images/fond.gif);
}
.div_header
{
padding:0px;
margin:0 0px 0 0px;
width:97.5%;
height:150px;
text-align:left;
float:right;
}
.div_weiss {
height: 625px;
width: 97%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color:#FFFFFF
}
.box_ol
{
padding-top:10px;
padding-left:10px;
width:57;
height:65;
z-index:2;
position: absolute;
margin-left:auto;
}
.box_or
{
padding-top:10px;
padding-left:90%;
width:57;
height:65;
z-index:3;
position: absolute;
top: auto;
margin-left:auto;
}
.box_ul
{
padding-top:550px;
padding-left:10px;
width:57;
height:65;
z-index:2;
position: absolute;
margin-left:auto;
}
.box_ur
{
padding-top:550px;
padding-left:90%;
width:57;
height:65;
z-index:4;
position: absolute;
margin-right:auto;
}
-->
</style>
</head>
<body scroll="auto">
<div class="div_weiss">
<div class="div_header">
<center>LOGO</center>
</div>
<div class="box_ol">OL</div>
<div class="box_or">OR</div>
<div class="box_ul">UL</div>
<div class="box_ur">UR</div>
</div>
</body>
</html>
|
|
|