Seite der Auflösung anpassen

Hallo,

ich bastle gerade eine Seite, diese sieht bei einer Auflösung von 1024 x 768 gut aus und alles ist dort platziert wo es sein soll. Nur wenn ich die Seite bei einer Auflösung von 1280 x 960 betrachte verschiebt es mir alles und nichts ist mehr da wo es sein soll. Die Tabelle hab ich auf 100% gestell in Höhe und Breite, damit sich die Seite der Auflösung anpasst, nur ich habe Bilder mit einem Verlauf usw. auf meiner Seite und somit kann ich als Hintergrund keine Farbe legen, hat jemand eine Ahnung wie das geht das siech die Bilder usw der Auflösung anpassen damit man die Seite ohne weiße Ränder bei jeder Auflösung betrachten kann?

danke

Methusalix

Hallo,

Muster erstellen, die bei einem Stretch sich absatzlos anpassen.

Grüße Methusalix

driver

ode ne feste auflösung nehmen die immer verwendet wird...

so verzieht sich auch nix...

sejuma

Ich würde wie driver für eine feste Auflösung (1024) optimieren. Die Laptopuser können ihr Fenster dementsprechend anpassen, 800er Auflösung ist ein Auslaufmodell.
Mittels Javascript kannst du die Bildschirmauflösung des users abfragen und ihn dann auf eine entsprechend optimierte Seite weiterleiten. Das erfordert aber, dass du alle Dateien für unterschiedliche Aufklösungen optimierst.
http://www.tutorials.de/forum/javascri…aufloesung.html

::RMB::

Und das der User JS aktiviert hat.

yeti66

Hi,

besser wäre es sicherlich zukunftsorientiert zu arbeiten und es mit dem sogenannten Liquid Layout zu versuchen. Der große Vorteil ist der, das Besucher Deiner Seite in einem Browser ihrer Wahl die Schriftgröße beliebig verändern können ohne das es Dein Layout zerschießt. Besuche mal einige Seiten und vergrößere den Schriftgrad um den Faktor 2. Da tun sich Abgründe auf. Bisher wurde da mit JScript gearbeitet um , wie oben schon erwähnt, die das Layout/Schrift usw. an die Größe des Browserfensters anzupassen. Viele schalten JScript aus Sicherheitsgründen ab. Da hast Du dann auch nichts gekonnt. Das Liquid Layout hat das Problem nicht und braucht kein JScript um das gleiche Ergebnis zu erzielen. Ein Manko hat es natürlich: es ist schwerer zu kontrollieren, wegen der verschiedenen Browser und deren ungenauen CSS- Interpretation.
Hier eine ausführliche Anleitung in englischer Sprache
http://www.maxdesign.com.au/presentation/liquid/
und in deutsch Sprache
http://www.lipfert-malik.de/webdesign/tuto…ten-layout.html

Gruß yeti66

lippl

SRY
ich check da irgendwie ned was ich wo einfügen muss das des funktioniert

vielleicht bin ich au blos zu blöd

wer cool wenn mia einer helfenkönnnte

driver

wo willst du was einfügen ?

ein festes layout oder ein liquid layout ?

lippl

AM BESTEN WÄR DAS MID DEM LIQUID LAYOUT

aber bei dem linkl der oben steht kapier ich nich wo ich jetz was einstezen muss in meine seite

yeti66

Hi lippl,

Zum Verständnis des Liquid Layout wirst Du Dich schon mal belesen müssen. Wenn Du dann nicht weiterkommst und Deinen Code online stellst können wir Dir auch helfen. Die Frage ist, wie "firm" Du mit HTML und CSS bist. Für den Anfang würde ich auch eher für ein festes Layout stimmen, allerdings auf JS als "Auflösungsweiche" verzichten. Im Bulletproof Web Design von Dan Cederholm findest Du eine anschauliche Anleitung inclusive ausführlicher Beschreibung über die Funktion der "kugelsicheren" Webseite. Kostenlose Information findest Du aber auch zur genüge im Web.

Gruß yeti66

lippl

ja habt ihr da ne seite wo's gud drin steht

un in html bin ich schon fit nur in css ned

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">


</head>


<body onload="javascript:window.open('http://woc3.gamed.de/Bordell/lippl', 'Doofes Popup', 'width=600,height=800,left=2,top=2');" background="backround.jpg">
<div id="Layer1" style="position:absolute; left:237px; top:205px; width:769px; height:643px; z-index:1"> 
  <div align="center">
    <div id="Layer3" style="position:absolute; width:295px; height:87px; z-index:3; left: 224px; top: 535px;"> 
      <p align="center"></p>
      <p align="center">Du bist der: 
        <script language="javascript">
var data, p;
var agt=navigator.userAgent.toLowerCase();
var img=escape("counter03.png");
document.cookie='__support_check=1';
p='http';
if((location.href.substr(0,6)=='https:')||(location.href.substr(0,6)=='HTTPS:')) {p='https';} data = '&agt=' + escape(agt) + '&img=' + img + '&r=' + escape(document.referrer) + '&aN=' + escape(navigator.appName) + '&lg=' + escape(navigator.systemLanguage) + '&OS=' + escape(navigator.platform) + '&aV=' + escape(navigator.appVersion);
if(navigator.appVersion.substring(0,1)>'3') {data = data + '&cd=' + screen.colorDepth + '&p=' + escape(screen.width+ 'x'+screen.height) + '&je=' + navigator.javaEnabled();};
      </script>
        <a href="http://www.private-krankenversicherungen-24.tv">
      [img]http://www.webcounter.ws/counter/03/0.png[/img]</a> 
        <script language="javascript">
document.write('<a target="_blank" href="http://www.webcounter.ws/template.php?a=lippl">');
document.write('[img]http://www.webcounter.ws/counter.php?a=lippl' + data + '[/img]</a>');
      </script>
        Besucher </p>
      <noscript>
      </noscript>



</p>
      <font size="-1">Impressum:Philipp Staiger 2006&copy;</font></div>
    <div id="Layer4" style="position:absolute; width:200px; height:115px; z-index:3; left: 17px; top: 13px;"> 



[b]<font color="#999999" size="+1">Deine IP:</font>[/b]</p>



[url='http://www.wieistmeineip.de/cometo/'][img]http://www.wieistmeineip.de/ip-adresse/[/img][/url]</p>
      </div>
    <div id="Layer5" style="position:absolute; width:236px; height:146px; z-index:3; left: 531px; top: 2px;"> 



<font color="#999999" size="+1">[b]Hast du immer noch Internet Explorer?[/b]</font></p>



[b]<font color="#999999" size="+2">Hol dir jetz Firefox:</font>[/b]</p>



[b]<font color="#999999" size="+1">[url='http://services.google.com/toolbar/firefox?hl=de&ai=BIHPcG472RMPNLc28wQHC363lBtGe8hfxoJOXAsWNtwEAEAEgnMjYBUDkEUiiOVDj9b3f______8BmAGcSqABtZXI_QOyAQtpY29uc29mdC5kZcgBAtoBJGh0dHA6Ly9pY29uc29mdC5kZS9maXJlZm94L2luZGV4LnBocIACAZUCGUkwCg&gclid=CNPLwJCyiYcCFTB5MAodtxGAcg'][img]http://pagead2.googlesyndication.com/pagead/imgad?id=CN6wvvLlltf8PhB9GH0yCO4OrYEKaCma&ai=BaDVrHpD2RPeKMor0wQGUt6ynBtGe8hf9l5OXAsWNtwEAEAEg5tLfBEDkEUiiOVDj9b3f______8BoAG1lcj9A7IBEXd3dy5nZXRmaXJlZm94LmRlyAEC2gEZaHR0cDovL3d3dy5nZXRmaXJlZm94LmRlL4ACAZUCHjswCg[/img][/url]</font>[/b]</p>
    </div>



</p>
    <div id="Layer6" style="position:absolute; width:338px; height:115px; z-index:3; left: 210px; top: 88px;"> 



<a href="http://www.shell.com/home/Framework?siteId=ferrari-en&FC2=&FC3=/ferrari-en/html/iwgen/downloads/video_clips/ms/videos_schumacher.html" target="_blank">[b]<font size="5">Was 
        wird Schumi nun machn?</font>[/b]</a></p>



[b]<font color="#999999" size="5">mid versteckter K</font>[/b][b]<font color="#999999" size="5">amera=)</font>[/b] 
      </p>



</p>
</div>



</p>
    <noscript>
    </noscript>



</p>



</p>
    <div id="Layer7" style="position:absolute; width:277px; height:77px; z-index:3; left: 233px; top: 8px;"><font color="#999999" size="7" face="Times New Roman, Times, serif">[b]<a title="Meine Nutten brauchen mehr Kunden" href="http://woc3.gamed.de/Bordell/lippl">Hilf 
      mir</a><head>[/b]</font></div>
  </div>
</div>




</p>




</p>




</p>




</p>






</p>
<div id="Layer2" style="position:absolute; width:200px; height:494px; z-index:2; left: 22px; top: 277px;"> 
  <div align="center"> 



[url='index.htm'][img]Button/Button%20angeklickt%20index.jpg[/img][/url]</p>



[url='%DCber%20mich.htm'][img]Button/%DCber%20mich%20Button.jpg[/img][/url]</p>



[url='Bilder.htm'][img]Button/Bilder%20Button.jpg[/img][/url]</p>



[url='Links.htm'][img]Button/Links%20Button%20Kopie.jpg[/img][/url]</p>



[url='Spiele.htm'][img]Button/Button%20Spiele.jpg[/img][/url]</p>



[url='http://123gb.de/gb.php?user=lippl'][img]Button/button%20G%E4stebuch.jpg[/img][/url]</p>
  </div>
</div>




</p>
</body>
</html>

Alles anzeigen

des is jetz der code der ganzen HP
nur zur sicherheit

yeti66

lippl,

so etwa sieht dann liquid layout aus. Die Navi kann man natürlich auch links anordnen.

Gruß yeti66

lippl

un was soll ich jetz damit anfangen?

irgendwie is des jetz komisch ic check jetz kein bisssl mehr durch

lippl

also ich habs jetz mid css gelöst
war ganz einfach

aba noch mal danke an alle die sich bemüht habn mir zu helfn=)

yeti66

Das war ja auch nur als Anregung gedacht und keine fertige Lösung.

Tags