Sinaasapple
Grünschnabel
Skalierungs Problem
Hallo erstmal,
Also ich habe mir mit dem tool NVU eine Webseite erstellt das funktioniert auch soweit aber als ich die Webseite dann mit meinem Laptop geöffnet habe konnte ich nur 10% des Hintergrundes erkennen das lag daran , dass ich alles auf meinen Monitor [1920x1080p] angepasst habe das Problem konnte ich aber so lösen:
<body>
<style type="text/css">
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; text-align:left;}
body {font-family: 'Tinos', serif;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#fixed {position:absolute; top:25px; left:10px; width:160px; z-index:10; color:#333; padding:10px;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
#content {padding:20px 20px 20px 200px;}
p {font-size:16px; text-align:justify; line-height:25px; text-shadow: 0 1px 2px rgba(0,0,0,0.5), 0px -1px 2px rgba(255,255,255,0.8);}
h1 {font-family: 'Salsa', cursive; font-size:50px; color:#248; padding-left:1.5%; text-shadow: 0 5px 10px rgba(0,0,0,0.5), 0px -5px 10px rgba(255,255,255,0.8);}
h2 {font-family: 'Salsa', cursive; font-size:40px; color:#248; padding-left:1.5%; text-shadow: 0 4px 8px rgba(0,0,0,0.5), 0px -4px 8px rgba(255,255,255,0.8);}
h3 {font-family: 'Salsa', cursive; font-size:30px; color:#248; padding-left:1.5%; text-shadow: 0 3px 6px rgba(0,0,0,0.5), 0px -3px 6px rgba(255,255,255,0.8);}
h4 {font-family: 'Salsa', cursive; font-size:25px; color:#369; padding-left:1.5%; text-shadow: 0 2px 4px rgba(0,0,0,0.5), 0px -2px 4px rgba(255,255,255,0.8);}
.Col {width:25%; float:left; padding:2%; min-width:300px;}
</style>
</head>
<body>
<div>
<img id="background" src="background1.jpg" alt="" title="" />
</div>
so wird er automatisch skaliert auf jede größe
Mein Problem ist , dass der text auch mit skaliert werden muss wie mache ich das?
Danke, fdw
Hallo erstmal,
Also ich habe mir mit dem tool NVU eine Webseite erstellt das funktioniert auch soweit aber als ich die Webseite dann mit meinem Laptop geöffnet habe konnte ich nur 10% des Hintergrundes erkennen das lag daran , dass ich alles auf meinen Monitor [1920x1080p] angepasst habe das Problem konnte ich aber so lösen:
<body>
<style type="text/css">
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; text-align:left;}
body {font-family: 'Tinos', serif;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#fixed {position:absolute; top:25px; left:10px; width:160px; z-index:10; color:#333; padding:10px;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
#content {padding:20px 20px 20px 200px;}
p {font-size:16px; text-align:justify; line-height:25px; text-shadow: 0 1px 2px rgba(0,0,0,0.5), 0px -1px 2px rgba(255,255,255,0.8);}
h1 {font-family: 'Salsa', cursive; font-size:50px; color:#248; padding-left:1.5%; text-shadow: 0 5px 10px rgba(0,0,0,0.5), 0px -5px 10px rgba(255,255,255,0.8);}
h2 {font-family: 'Salsa', cursive; font-size:40px; color:#248; padding-left:1.5%; text-shadow: 0 4px 8px rgba(0,0,0,0.5), 0px -4px 8px rgba(255,255,255,0.8);}
h3 {font-family: 'Salsa', cursive; font-size:30px; color:#248; padding-left:1.5%; text-shadow: 0 3px 6px rgba(0,0,0,0.5), 0px -3px 6px rgba(255,255,255,0.8);}
h4 {font-family: 'Salsa', cursive; font-size:25px; color:#369; padding-left:1.5%; text-shadow: 0 2px 4px rgba(0,0,0,0.5), 0px -2px 4px rgba(255,255,255,0.8);}
.Col {width:25%; float:left; padding:2%; min-width:300px;}
</style>
</head>
<body>
<div>
<img id="background" src="background1.jpg" alt="" title="" />
</div>
so wird er automatisch skaliert auf jede größe
Mein Problem ist , dass der text auch mit skaliert werden muss wie mache ich das?
Danke, fdw
