Hallo,
ich ich habe ein neues Problem. Ich würde gerne meine Internetseite:
Hier für ein paar Zoomstufen des Browsers optimieren. Wenn ich nämlich auf 90%-50% gehe, wird die Seite immer unerkennbarer.. Ich würde gerne Wissen was ich dagegen Tun kann... Danke HTML-Code:
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Titel</title>
<meta charset="ISO-8859-1" />
<meta name="description" content="Kurzbeschreibung" />
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="alles">
<div class="top"
</div>
<div id="top2"
<div class="menucontainer">
<a class="menu" href="#">Hyperlink 1</a>
<a class="menu" href="#">Hyperlink 2</a>
<a class="menu" href="#">Hyperlink 3</a>
<a class="menu" href="#">Hyperlink 4</a>
<a class="menu" href="#">Hyperlink 5</a>
</div>
</div>
<div id="unten">
<div id="rechtsc">
<div id="ubersi">
</div>
<div class="linksinnen">
</div>
</div>
<div id="cou">
<div class="ubers">
</div>
<div class="content">
</div>
</div>
</div>
</div>
<p id="Titel">
</p>
</body>
</html>
CSS-Code:
HTML-Code:
body { background-color:#000;}
#titel {
text-align: right;
}
#alles {
background-color: #ffffff;
height: 1000px;
width: 780px;
margin: 0px auto;
}
.top{
background-color: #000;
border: 1px solid #ffffff;
margin-top: 5px;
width:778px;
height: 101px;
margin-left: 0px;
}
#unten {
background-color: #fff;
width: 780px;
height: 873px;
margin-top: 33px
}
#rechtsc {
width: 200px;
height: 870px;
opacity: 0.6;
margin-right: 1px;
border: 1px solid #000;
margin-top:0px;
float: right;
background-color: #dcdcdc;
}
#rechtsc:hover {
opacity: 1;
}
#ubersi {
width: 200px;
height: 80px;
margin-right: -1px;
border: 1px solid #000;
margin-top:-1px;
float: right;
background-color: #dcdcdc;
}
.ubers {
background-color: #dcdcdc;
height: 80px;
margin-left: -1px;
margin-top: -1px;
width: 573px;
float: left;
border: 1px solid #000;
}
#cou {
width: 573px;
height: 870px;
margin-right: 1px;
border: 1px solid #000;
margin-top:0px;
float: right;
background-color: #fff;
}
.content {
background-color: #000;
height: 789px;
margin-left: -1px;
margin-top: -1px;
width: 573px;
float: left;
border: 1px solid #000;
}
.linksinnen {
width: 200px;
height: 790px;
margin-right: 0px;
margin-top:0px;
float: right;
background-color: #000;
}
#top2 {
background: -webkit-gradient(linear, left top, left bottom, from(#7f7f7f), to(#5a5a5a));
background: -moz-linear-gradient(top, #7f7f7f, #5a5a5a);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f7f7f', endColorstr='#5a5a5a');
width:776px;
height: 29px;
margin-left: 0px;
margin-top: 102px;
border:1px solid #000;
}
a.menu {
display:inline;
padding:10px;
padding-left: 17px;
padding-right: 18px;
border:1px solid #000;
margin-left: -6px;
color:#000000;
text-decoration:none;
background: -webkit-gradient(linear, left top, left bottom, from(#00c0ff), to(#0087b3));
background: -moz-linear-gradient(top, #00c0ff, #0087b3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c0ff', endColorstr='#0087b3');
}
a.menu:link, a.menu:visited{
font-family:arial;
color:#000000;
background-color:#3b3b3b;
text-decoration:none; font-weight:bold;
}
a.menu:active, a.menu:hover{
color:#000000; font-weight:bold;
background-color:#eeeeee;
text-shadow: 0 0 0 #606060;
background: -webkit-gradient(linear, left top, left bottom, from(#7f7f7f), to(#5a5a5a));
background: -moz-linear-gradient(top, #7f7f7f, #5a5a5a);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f7f7f', endColorstr='#5a5a5a');
}
.menucontainer {
text-align:center;
}
Falls möglich: was kann ich tun damit die Internetseite in IE richtig dargestellt wird?