son gohan
Erfahrenes Mitglied
Hallo,
ich wollte mit folgenden Text eine Seite oben ausfüllen, so das 0 Pixel Abstand bleiben recht und links, aber irgendwie klappt es nicht, wenn ich die beiden Prozentzahlen für width zusammenzähle einmal 83% und 17 % dann fällt auf der rechten Seite ein Kästchen runter und wenn ich 16 % nehme einmal dann ist es zu kurz, kann mir mal jemand kurz erzählen wieso das so ist, p.s. ich will das auch in verschiedenen Browsern nutzen.
ich wollte mit folgenden Text eine Seite oben ausfüllen, so das 0 Pixel Abstand bleiben recht und links, aber irgendwie klappt es nicht, wenn ich die beiden Prozentzahlen für width zusammenzähle einmal 83% und 17 % dann fällt auf der rechten Seite ein Kästchen runter und wenn ich 16 % nehme einmal dann ist es zu kurz, kann mir mal jemand kurz erzählen wieso das so ist, p.s. ich will das auch in verschiedenen Browsern nutzen.
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html lang="de">
<head>
<style type="text/css" media="screen">
<!--
body
{
margin: 0px;
padding: 0px;
}
#head
{
width: 100%;
border: 1px solid #000000;
text-align: center;
clear: both;
}
#boxtitel1, #boxtitel2
{
float: left;
margin: 0 0px 0 0px;
border: 1px solid #000000;
}
#boxtitel1
{
width: 83%;
}
#boxtitel2
{
width: 16%;
}
//--></style>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>CSS Layout</title>
</head><body>
<div id="head">
<div id="boxtitel1"> 1</div>
<div id="boxtitel2"> 2</div>
</div>
</body>
</html>