pizko Posted April 8, 2008 Report Share Posted April 8, 2008 Hallo Leute, Vielleicht kann mir jemand weiterhelfen, wenn auch nur ein Problem betreffend: 1. Die Bilder von Zuletzt gesehen reißen meine Persönliche Seite auseinander.. Wie kann man das denn in den Griff bekommen? Kann man die der Product Listing nehmen (Die sind kleiner) wenn ja wie einbinden? 2. Mein Shop passt sich nicht dem Bildschirm an! Die Boxes links sind zu gr0ß für zB 15zoll Bildschirme.. Auch die Product info ist zerrissen und verschiebt sich an das untere Ende der Seite.. Wie bekommt man feste bzw. Größen. die sich anpassen, hin? Dress for less als Beispiel sieht an jedem PC und mit jedem Browser gleich aus. 3. Das Bild im Head braucht auch ne Anpassung.. Diese sollte mit dem Bildschirm mitschrumpfen bzw. auch entsprechend dem Bildschirm aussehen.. Einer einen Vorschlag wie man das angehen könnte? Vielen Dank vorab für Eure Mühe.. Hoffe ich geh hier schlauer raus:D Link to comment Share on other sites More sharing options...
rivendarkness Posted April 8, 2008 Report Share Posted April 8, 2008 Ja...du brauchst ne bildschirmweiche...je nach bildschirmgröße wird ein anderes CSS geladen für den User...sowas ist machbar und hab ich auch in einem Shop eingesetzt...sehr nützlich und hatte mich damals zur verzweiflung gebracht Link to comment Share on other sites More sharing options...
pizko Posted April 8, 2008 Author Report Share Posted April 8, 2008 Ja hört sich wirklich zum Verzweifeln an. Ist es nur so machbar? Hab was von dynamischem Aufbau via Prozentangaben gelesen.. Was sagst du dazu? Hier meine Codes:CSS: /* wholepage */ div#wholepage { padding-top: 12.5em; } /* head */ div#head { width:98%; padding: 10px; text-align: right; height: 11em; background-image: ; position: fixed; top: 0; left: 0; z-index: 1000; } * html div#head { /* IE6 hack */ position: absolute; } div#head div#headlogo { float: left; } Index.html: <div id="wholepage"{php} if(stristr($_SERVER['HTTP_USER_AGENT'], "Gecko")) echo ' style="cursor:url(templates/'.CURRENT_TEMPLATE.'/img/mouse.ico),default;"'; {/php}> <div id="head"> <div id="headlogo"> {php} // auto-detect logo type and display logo // logo must be logo.gif, logo.jpg or logo.png $logoBasePath = "templates/".CURRENT_TEMPLATE."/img/logo."; $logoFile = file_exists(DIR_FS_CATALOG.$logoBasePath."png") ? $logoBasePath."png" : (file_exists(DIR_FS_CATALOG.$logoBasePath."jpg") ? $logoBasePath."jpg" : (file_exists(DIR_FS_CATALOG.$logoBasePath."gif") ? $logoBasePath."gif" : $logoBasePath."demo.gif")); $size = getimagesize(DIR_FS_CATALOG.$logoFile); $this->_tpl_vars['logo']['file'] = $DIR_WS_CATALOG.$logoFile; $this->_tpl_vars['logo']['width'] = $size[0]; $this->_tpl_vars['logo']['height'] = $size[1]; {/php} <a href="{php} echo DIR_WS_CATALOG; {/php}" title="{php} echo TITLE; {/php}" ><img src="{$logo.file}" width="{$logo.width}" height="{$logo.height}" alt="{php} echo TITLE; {/php}" title="{php} echo TITLE; {/php}" /></a> </div><!-- id=headlogo --> Link to comment Share on other sites More sharing options...
rivendarkness Posted April 9, 2008 Report Share Posted April 9, 2008 ja man kann mit prozentangaben arbeiten. man stösst da aber schnell auf grenzen. problem ist nur, das bilder z.b. banner oben mit einer festen breite sich nicht nach prozenten richten Link to comment Share on other sites More sharing options...
pizko Posted April 9, 2008 Author Report Share Posted April 9, 2008 Ok.. Danke für deine Meinung.. Also muss man für jedes Zoll des Kundenbildschirms eine eigene CSS erstellen? Verstehe ich das richtig? Wieviele sind das in etwa und wo bindet man diese Schleife ein? Wielange braucht ein geübter Mensch hierfür? Link to comment Share on other sites More sharing options...
rivendarkness Posted April 9, 2008 Report Share Posted April 9, 2008 Neee...nicht für jeden zoll...nur für die standartgrößen! Aber du kannst ja das hier mal testen als beispiel, ggebf. musst du das dir mal noch anpassen, nach deinen scripten: <script type="text/javascript"> if (window.screen.width=='600') { document.write ('<body bgcolor="#4FB8CB" style="zoom: 55%">') ;} else if (window.screen.width=='800') { document.write ('<body bgcolor="#4FB8CB" style="zoom: 75%">') ;} else if (window.screen.width=='1024') { document.write ('<body bgcolor="#4FB8CB" style="zoom: 100%">') ;} else if (window.screen.width=='1152') { document.write ('<body bgcolor="#4FB8CB" style="zoom: 110%">') ;} else if (window.screen.width=='1280') { document.write('<body bgcolor="#4FB8CB" style="zoom: 127%">') ;} else if (window.screen.width=='1600') { document.write('<body bgcolor="#4FB8CB" style="zoom: 155%">') ;} </script> Link to comment Share on other sites More sharing options...
pizko Posted April 9, 2008 Author Report Share Posted April 9, 2008 Wo muss das rein.. Sorry dass ich so behemmert frage.. index.html im template Ordner? Muss der Kunde dann Javascript aktiviert haben oder?? Was kriegt er sonst zu sehen? nüscht? Danke rivendarkness vorab schonmal Link to comment Share on other sites More sharing options...
rivendarkness Posted April 9, 2008 Report Share Posted April 9, 2008 ja javascript sollte dann schon aktiviert sein...mit dem script musste mal bissel experimentieren. der script könnte z.b. in die index.html rein. genau... Link to comment Share on other sites More sharing options...
mikkel Posted April 10, 2008 Report Share Posted April 10, 2008 document.write ('<body style="zoom: 55%">') Funtioniert das auch bei FireFox Besuchern? Link to comment Share on other sites More sharing options...
rivendarkness Posted April 10, 2008 Report Share Posted April 10, 2008 wie ich grad sah, höchstwahrscheinlich nicht, das musst du mal testen...man kann aber anstatt des zoom dort einen anderen link für separate stylesheets verwenden. DAS wiederum ist dann auch browserkompatibel. so hab ich das dann damals auch gemacht Link to comment Share on other sites More sharing options...
mikkel Posted April 10, 2008 Report Share Posted April 10, 2008 wie ich grad sah, höchstwahrscheinlich nicht, das musst du mal testen...man kann aber anstatt des zoom dort einen anderen link für separate stylesheets verwenden. DAS wiederum ist dann auch browserkompatibel. so hab ich das dann damals auch gemacht Allein das window.screen.width und die verschiedenen Browser.... Wobei wir bei dem "schönsten" Problem sind - die lieben Browser und ihre Eigenarten.... Wohl dem, der statt <div> bei dem <table> geblieben ist - oder wieder hingekommen ist (back to the roots..). Hier ist ein "table-layout:fixed; overflow:hidden;" ein gewisser Ansatz, um Breiten auf allen Browsern vorzugeben - nur bei Opera muss man im <td> da noch Aufpassen... Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.