zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Website für Zoom optimieren.

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.12.2012, 00:06
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.11.2012
Beiträge: 6
DisLight befindet sich auf einem aufstrebenden Ast
Blinzeln Website für Zoom optimieren.

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?

Geändert von DisLight (03.12.2012 um 02:01 Uhr)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
jQuery: Problem mit Fancy Zoom und Styleswitcher fixekiste Javascript & Ajax 13 07.12.2008 20:02
analysetool für websites opa-rudi Site- und Layoutcheck 23 05.08.2008 15:33
120 dpi bildschirmanzeige --> website optimieren? captain CSS 1 16.06.2005 15:59
Website optimieren für IE,Mozilla,Opera.. möglich? jensr CSS 10 16.09.2004 19:13


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:59 Uhr.