Hallo,
Ich bin grad dabei ein 3 Spaltiges Layout zu erstellen mit Grafiken. Das hat soweit auch alles geklappt. jedoch wenn ich mir die Seite mit einer Auflösung von 1024x768 anschaue sieht die seite super aus. und wenn ich die Auflösung dann auf meine normale Monitorbreite 1920x1080 stelle dann ist die rechte seite (navi2) nach links ins bild gerutscht.
Woran liegt das.
Hier mal der Code dazu.
Ich bin grad dabei ein 3 Spaltiges Layout zu erstellen mit Grafiken. Das hat soweit auch alles geklappt. jedoch wenn ich mir die Seite mit einer Auflösung von 1024x768 anschaue sieht die seite super aus. und wenn ich die Auflösung dann auf meine normale Monitorbreite 1920x1080 stelle dann ist die rechte seite (navi2) nach links ins bild gerutscht.
Woran liegt das.
Hier mal der Code dazu.
HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<link rel="stylesheet" type="text/css" href="layout.css">
</head>
<body>
<div id="navi"> </div>
<div id="content"> </div>
<div id="navi2"> </div>
</body>
</html>
Code:
@charset "utf-8";
/* CSS Document */
#navi
{
background: url(images/navi.jpg) no-repeat;
height: 563px;
width: 14%;
float: left;
}
#content
{
background: url(images/content.jpg) no-repeat;
background-position: center;
height: 563px;
width: 72%;
float: left;
}
#navi2
{
background: url(images/navi2.jpg) no-repeat;
height: 563px;
width: 14%;
float: right;
}
