nach iframe zum seitenanfang

broski · 29.05.2011, 07:36

hallo ich bin ganz neu hier und hab auch schon ne frage!

Also ich möchte auf eiinem wordpress artikel einen shop integrieren.

Und das am besten per iframe

Der Link zum Shop

So diesen Shop habe ich bereits versuchshalber in einem Artikel eingebunden.

hier

Nur das Problem ist wenn ich n der unteren Navvigation blättere
(< < Zurück 1 2 3 4 5 6 7 8 9 10 ... Weiter > >)
fängt die seite in der mitte an.

Ich hätte es aber gerne das bei jedem umblättern die seite von "the Top" beginnt damit die produkte nicht so abgeschnitten aussehen.

Mein iframe coe sieht so aus:

Zitat:

Wie ist es möglich dass ich inerhalb vom iframe blättere und die "eigentliche Seite" immer von oben startet!

Falls es überhaupt möglich ist!

Wäre dankbar für eine hilfreiche Antwort da ich bei diesen Problem leider nicht alleine weiterkomme!

mfg

lstegelitz · 29.05.2011, 15:03

Leider ist deine Problembeschreibung nicht nachvollziehbar bzw. schwer zu verstehen. Der 2. Link funktioniert auch nicht, da du auf einen geschützten Bereich (Entwurfsansicht) verlinkt hast.

Zitat:

fängt die seite in der mitte an.

Ich hätte es aber gerne das bei jedem umblättern die seite von "the Top" beginnt damit die produkte nicht so abgeschnitten aussehen.

phildaking · 29.05.2011, 15:37

Ich glaube er meint dass wenn man auf einen Link klickt nicht der obere Ausschnitt der seite gezeigt wird sondern der untere mit der Navigationsleiste.

Wieso machst du das iFrame nicht einfach größer so dass alles gezeigt wird?

lstegelitz · 29.05.2011, 16:21

Zitat:

Zitat von broski

Noch größer?

Bei einer festen Höhe von 4000 drückt der iframe seinen Parent natürlich entsprechend mit nach unten.. keine gute Idee an und für sich.

broski · 29.05.2011, 17:43

So hab jetzt den richtigen Link:

http://chefkilla.org/test-test/

Nein größer machen würde in dem Fall nichts bringen.
4000 echt schon recht viel an höhe die ich aber brauche um sämtliche Produktbeschreibungen die ja immer unterschiedlich lang sind, mitraufbekomme!

Das Problem ist das umblättern.

Nach dem umblättern bleibt die Seite an gleicher Stelle stehen und somit kann man die ersten 3 Produkte der nächsten iframe seite nicht mehr sehen.

Da soweit ich bis jetzt gesehen habe beim umblättern inerhalb des iframes die eigentliche Seite ja nicht neu ladet bleibt sie an gleicher Stelle stehen.
Und so werden die Produkte abgeschnitten.

lstegelitz · 29.05.2011, 18:06

Entweder zeig weniger Elemente im iframe (6 werden auf 1024er Höher noch angezeigt) oder verlager die Navigation in den Kopf. Oder mach den iframe kleiner, das er komplett im Parent angezeigt werden kann und selber eine Scrollbar bekommt.

Noch besser: entfern den Frame-Mist, viel schöner wäre z.B. ein div, das sich per AJAX befüllt und sich den zur Verfügung stehenden Platz selber aufteilen kann.

phildaking · 29.05.2011, 23:54

Das mit den 4000 als höhe hatte ich übersehen

Ich denke das Problem wird sein dass das ein Shop von Amazon zum einbetten ist und es da nicht viel zum anpassen geben wird...

aber mit AJAX liese sich da sicher was machen

broski · 30.05.2011, 11:34

Ja stimmt der Shop ist von amazon und ich kann nur einbinden was sie anbieten!
Im Kopfbereich eine zusätzliche Navigation zu machen hab ich mich auch schon überlegt aber ich weiß nicht wie ich das umsetzen könnte und inwieweit es das Problem mit dem "abgeschnittenen Produktseite" lösen würde.

Mit AJAX kenn ich mich nicht aus.
Wenns sein muß werd ich mich mal damit beschäftigen!

Zum anpassen hätt ich ausser dem obrigen iframe code nur noch ein paar CSS codes die man noch selber bearbeiten darf!

Produktseiten CSS:

PHP-Code:

  /* PRODUCT DETAILS */

#content {

      background:#363636;

      padding:14px 24px;

}

span.reviewtitle {

      font-size:12px;

      font-weight:bold;

}

table#detailheader {

      width:482px;

}

table#detailheader td {

      vertical-align:top;

}

td#detailImage {

      padding: 5px 20px 5px 5px;

}

div#productDescription {

      padding-top:20px;

}

div#customDescription

{

    padding-bottom:10px;

}

table#prices

{

    margin:0px;

}

#notAvailableNotice

{

    margin-top:10px;

}

.amount {

      font-size:10.5pt; 

      font-weight:bold;

}

div#titleAndByLine

{

    margin-bottom:5px;

}

form#addToCartForm

{

    margin-top:10px;

}

td.issueslabel,

td.pricelabel

{

    font-size:10.5pt; 

    font-weight:bold;

    text-align:right;

    white-space:nowrap;

}

tr#listprice td

{

    vertical-align:bottom;

}

tr#listprice td span.amount

{

    text-decoration:line-through;

    font-weight:normal;

}

#loyaltypoints #loyaltyPointsAmount

{

    font-weight:normal;

}

.by {

      font-size:9pt; 

      font-weight:normal;

}

 
/* Variation selector styles */ 

div#dynVariationSelector {

  margin-top:10px;

  background:#333333;

  padding:0px;

  display:none;

}

div.variationSelector {

  padding:0px 10px;

}

div.selectorHeading {

  font-size:14px;

  font-weight:bold;

  margin: 5px 0px 15px;

}

div.selectorAvailability {

  margin: 12px 0px 5px;

}

div.dimensionLabel {

  font-weight:bold;

  margin-bottom:3px;

}

div.dimValContainer {

  margin-bottom:5px;

}

span.dv_hover, span.dv_avail, span.dv_selected, span.dv_unavail { 

  padding:3px 2px;

  margin:0px;

  white-space:nowrap;

  line-height:2.3;

  cursor:pointer;

  font-size:10px;

}

span.dv_hover { 

  border:2px solid #A59F9F;

  margin:-1px;

}

span.dv_avail { 

  border:1px solid #A59F9F;

} 

span.dv_selected { 

  border:1px solid #A59F9F;

  background-color:#A59F9F;

  color:#363636;

}

span.dv_unavail { 

  border:1px dashed #A59F9F;

}

.relative {

  position:relative;

}

div#chooseVariationBFCartAdd {

  position:absolute;

  top:30px;

  left:0px;

  width:200px;

  display:none;

  background-color:#FFFFFF;

  color:#000000;

  border:2px ridge #C0C0C0;

  z-index:2;    

  padding:5px;

}

div#variationNotAvailable {

  position:absolute;

  top:50px;

  left:-5px;

  width:180px;

  display:none;

  background-color:#EEBBBB;

  color:#770000;

  border:1px solid #550000;

  z-index:2;    

  padding:5px;

  font-weight:bold;

  opacity:.9;

  filter:alpha(opacity = 90);

  text-align:center;

}

span.notAvailHighlight {

  color:#AA0000;

}

img.custReviewStars {

  margin-left:10px;

}

div#editorialReviews

{

    overflow-x:auto;

    width:482px;

}

div#legalDisclaimers

{

    font-size:8pt;

}

 
/*Associate Provided CSS*/

und diesen hier (er nennt sich Startseiten css

PHP-Code:

  /* PAGE STYLE */

body {

      margin:24px;

      padding:0px;

      background:#1F1F1F;

      color:#A59F9F;

      min-width:748px;

      font-family:'Verdana', sans-serif;

      font-size:9pt;

      font-weight:500;

      line-height:12pt;

      text-decoration: none;    

}

table {

      font-family:'Verdana', sans-serif;

      font-size:9pt;

}

form {

      margin:0px;

}    

a {

      color: #A59F9F; 

      text-decoration: underline;

}

a img{ border:none;}

hr {

      border:0;

      width:100%;

      color:#363636;

      background-color:#363636;

      height:1px;

      width:100%;

      margin:6px 0px 12px 0px;

}

#wrap {

      width:748px;

}

#rule {

      height:1px;

      background-color:#A59F9F;

      width:100%;

      margin:6px 0px 12px 0px;

}

h2 {

      font-size:16px;

      font-weight:bold;

      margin:0px;

      padding:0px;

}

h3 {

      font-size:14px;

      font-weight:bold;

      margin:0px;

      padding:0px;

}

    

/* MAIN PAGE AREA */    

#mainwrap {

      float:left;

}

#main {

      width:530px;

      margin-bottom:19px;

      overflow:hidden;

}

div#header {

      background:#363636;

      padding:6px 24px 4px;

      margin:0;

      vertical-align:middle;

}

a#mainheadertitle {

      padding:0px;

      font-family:'Verdana', sans-serif;

      font-size:15pt;

      font-weight:normal;

      line-height:1.5em;

      color:#A59F9F; 

      margin:0px;

      text-align:left;

      vertical-align:middle;

      text-decoration:none;

}

a#mainheadertitle:hover {

      text-decoration:underline;

}

td#mainheaderlogo {

      padding:5px;

}

img#mainlogo {

      padding-right:5px;

}

div#mainsubheader {

      background:#333333;

      padding:10px 24px;

      vertical-align:middle;

}

div#contentsubheader {

      width:482px;

      overflow:hidden;

}

div#subheaderlinks {

      float:right;

      text-align:right;

}

div#subheadertitle {

      font-size:12pt;

      font-weight:bold;

}

div#contenterror {

      background:#363636;

      padding:14px 24px;      

}

span.currentpage {

      font-weight:bold;

}

 
span.error {

      font-weight:bold;

}

    

/* SIDEBAR */

#sidebar {

      float:right;

      width:200px;

      overflow:hidden;

}

#sidebar ul {

      margin-bottom:0;

}

#sidebar h3, #sidebar p {

      padding:0 10px;

}

 
/* GENERAL SIDEBAR WIDGET STYLES */

ul#widget,ul.widget li.widget {

      margin:0;

      padding:0;

      list-style:none;

}

li.widget {

      float:left;

      width:200px;

      margin-bottom:19px;

}

ul#widget div {

      background:#363636;

}

ul#widget h3 {

      font-family:'Verdana', sans-serif;

      font-size: 10pt;

      font-weight: bold;

      color:#A59F9F;

      margin:0px;

      padding:6px 15px 4px;

      text-align:left;

      background:#363636;

}

ul#widget p {

      font-family:'Verdana', sans-serif;

      font-size: 9pt;

      font-weight: normal;

      color:#A59F9F;

      margin:0px;

      padding: 10px 15px 20px;

}

 
/* SEARCHBROWSE WIDGET */

div#searchbrowse {

      padding:14px;

}

div#searchbrowse div.indent {

      padding: 5px 0px 5px 15px;

}

select.searchwidget {

      width:173px;

      margin-bottom:6px;

}

input#searchwidgetkeywords {

      width:134px;

}

span#SearchAtAmazon {

      font-size: 8pt;

}

div#browsetitle {

      font-weight:bold;

      padding-bottom:7px;

}

span.selectedcategory {

      font-weight:bold;

}

 
/* LISTMANIA WIDGET */

div.listwidget {

      padding-bottom:16px;

}

ul.listmania {

      margin:0px;

      padding:0px;

      list-style:none;

}

ul.listmania li {

      margin:0px;

      padding:5px;

      padding-left:10px;

      list-style:none;

      text-align:center;

}

ul.listmania li.clsOdd,li.listimages {

      background-color:#383838;

}

ul.listmania li.clsEven {

      background-color:#363636;

}

 
img.listimage {

    display:block;

    margin-left:auto;

    margin-right:auto;

}

 
/* PRODUCTS WIDGETS */

div.productwidget {

      padding:0px;

      padding-bottom:16px;

}

div.productwidget .price {

      font-weight:bold;

}

table.sidebarproducts {

      font-family:'Verdana', sans-serif;

      font-size:9pt; 

      width:200px;

}

table.sidebarproducts td {

      padding:5px;

}

table.sidebarproducts td.image {

      vertical-align:top;

      width:75px;

}

table.sidebarproducts td.text {

      vertical-align:middle;

      width:115px;

}

table.sidebarproducts span.listtitle {

      font-weight:bold;

}

div.privacylink {

      padding: 2px 5px;

      font-size:7pt;

      text-align:center;

}

 
/* FOOTER */

div#footer {

      width:530px;

      margin-bottom:28px;

      color:#363636;

      border-top:1px solid #363636; 

}

div#footer p {

      padding:5px;

      margin:0;

}

div#leftfoot {

      float:left;

      width:430px;

}

div#rightfoot {

      float:right;

      width:100px;

      text-align:right;

}

 
/* WISHLIST WIDGET */

div#wishlist_page_link

{

    padding:7px 5px 5px;

}

 
/*Associate Provided CSS*/

Ich muß zugeben ich hab keinen Plan ob man in CSS dateien überhaupt php befehle eingeben darf.

Ich hab bis jetzt immer nur ein paar html geschichtln gebraucht und hab keinen Plan von der Materie!

Alternativ könnt ich natürlich die Produkte auch einzeln in meine Seite einbinden, aber das wäre bei geplanten 1000-2000 Produkten nicht den Aufwand wert!

phildaking · 30.05.2011, 14:01

Zitat:

Ich muß zugeben ich hab keinen Plan ob man in CSS dateien überhaupt php befehle eingeben darf.

CSS bedeuted Cascading Style Sheets. Das ist lediglich für das Design deiner Seite verantwortlich. Das hat mit PHP nichts zu tun. Ich denke bevor du mit AJAX anfängst solltest du erstmal HTML gut beherrschen und dich zur "Materie" etwas belesen.

lstegelitz · 30.05.2011, 14:13

@broski: Du kannst mit dem CSS ja mal rumspielen und "width" Angaben modifizieren (Backup nicht vergessen

) um zu schauen, wie sich deine Seite verhält. Musst mal schauen, welche CSS Angaben wo auf deiner Seite eingesetzt werden.

In jedem Fall würde ich aber das iframe nicht auf 4000px Höhe setzen, sondern eher auf xx% und ihm erlauben, selber eine Scrollbar anzeigen zu können.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
IFrame mit Inhalt füllen?	Extremefall	HTML, Usability und Barrierefreiheit	10	06.02.2011 21:13
Variable aus Formular an iframe	drzwockel	PHP Tipps 2010	52	25.03.2010 13:23
[Erledigt] Aus iFrame in anderen iFrame zugreifen	djscaleo	JavaScript, Ajax und mehr	10	28.11.2009 13:46
In iFrame einen Wert definieren und an Seite (in der das iFrame ist) übergeben	moercel	JavaScript, Ajax und mehr	15	15.04.2009 10:31
JavaScript: IFrame: Wert aendern: Problem	SvenLittkowski	HTML, Usability und Barrierefreiheit	2	26.09.2007 00:49
Kommunikation zwischen IFRAME und Hauptseite	R4v3r	HTML, Usability und Barrierefreiheit	1	02.04.2007 13:57
iframe erkennen ?	simsalabim	PHP Tipps 2007	13	23.03.2007 20:30
IFrame nach innerHTML Befehl nicht mehr editierbar	Plague	HTML, Usability und Barrierefreiheit	5	05.11.2006 16:31
Formular in Hauptfenster auf iframe ansprechen	R.E.M.	HTML, Usability und Barrierefreiheit	2	24.09.2006 15:33
Gesamte Seite aus iFrame neu laden		HTML, Usability und Barrierefreiheit	5	22.11.2005 17:09
PHP statt iframe		PHP Tipps 2007	1	20.11.2005 11:28
[Erledigt] IFrame Höhe dynamisch an Seiteninhalt anpassen?		HTML, Usability und Barrierefreiheit	2	23.04.2005 18:44
[Erledigt] Iframe JavaScript ?		HTML, Usability und Barrierefreiheit	5	19.10.2004 21:21
[Erledigt] iframe nach Formulareingaben an neue Grösse anpassen		HTML, Usability und Barrierefreiheit	2	17.06.2004 16:25


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

29.05.2011, 15:37
phildaking Benutzer Registriert seit: 21.08.2010 Beiträge: 50 PHP-Kenntnisse: Fortgeschritten	Ich glaube er meint dass wenn man auf einen Link klickt nicht der obere Ausschnitt der seite gezeigt wird sondern der untere mit der Navigationsleiste. Wieso machst du das iFrame nicht einfach größer so dass alles gezeigt wird? __________________ mi Blog auf Google+ :

29.05.2011, 17:43
broski Neuer Benutzer Registriert seit: 29.05.2011 Beiträge: 13 PHP-Kenntnisse: Anfänger	So hab jetzt den richtigen Link: http://chefkilla.org/test-test/ Nein größer machen würde in dem Fall nichts bringen. 4000 echt schon recht viel an höhe die ich aber brauche um sämtliche Produktbeschreibungen die ja immer unterschiedlich lang sind, mitraufbekomme! Das Problem ist das umblättern. Nach dem umblättern bleibt die Seite an gleicher Stelle stehen und somit kann man die ersten 3 Produkte der nächsten iframe seite nicht mehr sehen. Da soweit ich bis jetzt gesehen habe beim umblättern inerhalb des iframes die eigentliche Seite ja nicht neu ladet bleibt sie an gleicher Stelle stehen. Und so werden die Produkte abgeschnitten.

29.05.2011, 18:06
lstegelitz Erfahrener Benutzer Registriert seit: 07.09.2009 Beiträge: 4.005 PHP-Kenntnisse: Fortgeschritten	Entweder zeig weniger Elemente im iframe (6 werden auf 1024er Höher noch angezeigt) oder verlager die Navigation in den Kopf. Oder mach den iframe kleiner, das er komplett im Parent angezeigt werden kann und selber eine Scrollbar bekommt. Noch besser: entfern den Frame-Mist, viel schöner wäre z.B. ein div, das sich per AJAX befüllt und sich den zur Verfügung stehenden Platz selber aufteilen kann. __________________ Über 90% aller Gewaltverbrechen passieren innerhalb von 24 Stunden nach dem Konsum von Brot.

29.05.2011, 23:54
phildaking Benutzer Registriert seit: 21.08.2010 Beiträge: 50 PHP-Kenntnisse: Fortgeschritten	Das mit den 4000 als höhe hatte ich übersehen Ich denke das Problem wird sein dass das ein Shop von Amazon zum einbetten ist und es da nicht viel zum anpassen geben wird... aber mit AJAX liese sich da sicher was machen __________________ mi Blog auf Google+ :

30.05.2011, 11:34
broski Neuer Benutzer Registriert seit: 29.05.2011 Beiträge: 13 PHP-Kenntnisse: Anfänger	Ja stimmt der Shop ist von amazon und ich kann nur einbinden was sie anbieten! Im Kopfbereich eine zusätzliche Navigation zu machen hab ich mich auch schon überlegt aber ich weiß nicht wie ich das umsetzen könnte und inwieweit es das Problem mit dem "abgeschnittenen Produktseite" lösen würde. Mit AJAX kenn ich mich nicht aus. Wenns sein muß werd ich mich mal damit beschäftigen! Zum anpassen hätt ich ausser dem obrigen iframe code nur noch ein paar CSS codes die man noch selber bearbeiten darf! Produktseiten CSS: PHP-Code: /* PRODUCT DETAILS / #content { background:#363636; padding:14px 24px; } span.reviewtitle { font-size:12px; font-weight:bold; } table#detailheader { width:482px; } table#detailheader td { vertical-align:top; } td#detailImage { padding: 5px 20px 5px 5px; } div#productDescription { padding-top:20px; } div#customDescription { padding-bottom:10px; } table#prices { margin:0px; } #notAvailableNotice { margin-top:10px; } .amount { font-size:10.5pt; font-weight:bold; } div#titleAndByLine { margin-bottom:5px; } form#addToCartForm { margin-top:10px; } td.issueslabel, td.pricelabel { font-size:10.5pt; font-weight:bold; text-align:right; white-space:nowrap; } tr#listprice td { vertical-align:bottom; } tr#listprice td span.amount { text-decoration:line-through; font-weight:normal; } #loyaltypoints #loyaltyPointsAmount { font-weight:normal; } .by { font-size:9pt; font-weight:normal; } / Variation selector styles / div#dynVariationSelector { margin-top:10px; background:#333333; padding:0px; display:none; } div.variationSelector { padding:0px 10px; } div.selectorHeading { font-size:14px; font-weight:bold; margin: 5px 0px 15px; } div.selectorAvailability { margin: 12px 0px 5px; } div.dimensionLabel { font-weight:bold; margin-bottom:3px; } div.dimValContainer { margin-bottom:5px; } span.dv_hover, span.dv_avail, span.dv_selected, span.dv_unavail { padding:3px 2px; margin:0px; white-space:nowrap; line-height:2.3; cursor:pointer; font-size:10px; } span.dv_hover { border:2px solid #A59F9F; margin:-1px; } span.dv_avail { border:1px solid #A59F9F; } span.dv_selected { border:1px solid #A59F9F; background-color:#A59F9F; color:#363636; } span.dv_unavail { border:1px dashed #A59F9F; } .relative { position:relative; } div#chooseVariationBFCartAdd { position:absolute; top:30px; left:0px; width:200px; display:none; background-color:#FFFFFF; color:#000000; border:2px ridge #C0C0C0; z-index:2; padding:5px; } div#variationNotAvailable { position:absolute; top:50px; left:-5px; width:180px; display:none; background-color:#EEBBBB; color:#770000; border:1px solid #550000; z-index:2; padding:5px; font-weight:bold; opacity:.9; filter:alpha(opacity = 90); text-align:center; } span.notAvailHighlight { color:#AA0000; } img.custReviewStars { margin-left:10px; } div#editorialReviews { overflow-x:auto; width:482px; } div#legalDisclaimers { font-size:8pt; } /Associate Provided CSS/ und diesen hier (er nennt sich Startseiten css PHP-Code: / PAGE STYLE / body { margin:24px; padding:0px; background:#1F1F1F; color:#A59F9F; min-width:748px; font-family:'Verdana', sans-serif; font-size:9pt; font-weight:500; line-height:12pt; text-decoration: none; } table { font-family:'Verdana', sans-serif; font-size:9pt; } form { margin:0px; } a { color: #A59F9F; text-decoration: underline; } a img{ border:none;} hr { border:0; width:100%; color:#363636; background-color:#363636; height:1px; width:100%; margin:6px 0px 12px 0px; } #wrap { width:748px; } #rule { height:1px; background-color:#A59F9F; width:100%; margin:6px 0px 12px 0px; } h2 { font-size:16px; font-weight:bold; margin:0px; padding:0px; } h3 { font-size:14px; font-weight:bold; margin:0px; padding:0px; } / MAIN PAGE AREA / #mainwrap { float:left; } #main { width:530px; margin-bottom:19px; overflow:hidden; } div#header { background:#363636; padding:6px 24px 4px; margin:0; vertical-align:middle; } a#mainheadertitle { padding:0px; font-family:'Verdana', sans-serif; font-size:15pt; font-weight:normal; line-height:1.5em; color:#A59F9F; margin:0px; text-align:left; vertical-align:middle; text-decoration:none; } a#mainheadertitle:hover { text-decoration:underline; } td#mainheaderlogo { padding:5px; } img#mainlogo { padding-right:5px; } div#mainsubheader { background:#333333; padding:10px 24px; vertical-align:middle; } div#contentsubheader { width:482px; overflow:hidden; } div#subheaderlinks { float:right; text-align:right; } div#subheadertitle { font-size:12pt; font-weight:bold; } div#contenterror { background:#363636; padding:14px 24px; } span.currentpage { font-weight:bold; } span.error { font-weight:bold; } / SIDEBAR / #sidebar { float:right; width:200px; overflow:hidden; } #sidebar ul { margin-bottom:0; } #sidebar h3, #sidebar p { padding:0 10px; } / GENERAL SIDEBAR WIDGET STYLES / ul#widget,ul.widget li.widget { margin:0; padding:0; list-style:none; } li.widget { float:left; width:200px; margin-bottom:19px; } ul#widget div { background:#363636; } ul#widget h3 { font-family:'Verdana', sans-serif; font-size: 10pt; font-weight: bold; color:#A59F9F; margin:0px; padding:6px 15px 4px; text-align:left; background:#363636; } ul#widget p { font-family:'Verdana', sans-serif; font-size: 9pt; font-weight: normal; color:#A59F9F; margin:0px; padding: 10px 15px 20px; } / SEARCHBROWSE WIDGET / div#searchbrowse { padding:14px; } div#searchbrowse div.indent { padding: 5px 0px 5px 15px; } select.searchwidget { width:173px; margin-bottom:6px; } input#searchwidgetkeywords { width:134px; } span#SearchAtAmazon { font-size: 8pt; } div#browsetitle { font-weight:bold; padding-bottom:7px; } span.selectedcategory { font-weight:bold; } / LISTMANIA WIDGET / div.listwidget { padding-bottom:16px; } ul.listmania { margin:0px; padding:0px; list-style:none; } ul.listmania li { margin:0px; padding:5px; padding-left:10px; list-style:none; text-align:center; } ul.listmania li.clsOdd,li.listimages { background-color:#383838; } ul.listmania li.clsEven { background-color:#363636; } img.listimage { display:block; margin-left:auto; margin-right:auto; } / PRODUCTS WIDGETS / div.productwidget { padding:0px; padding-bottom:16px; } div.productwidget .price { font-weight:bold; } table.sidebarproducts { font-family:'Verdana', sans-serif; font-size:9pt; width:200px; } table.sidebarproducts td { padding:5px; } table.sidebarproducts td.image { vertical-align:top; width:75px; } table.sidebarproducts td.text { vertical-align:middle; width:115px; } table.sidebarproducts span.listtitle { font-weight:bold; } div.privacylink { padding: 2px 5px; font-size:7pt; text-align:center; } / FOOTER / div#footer { width:530px; margin-bottom:28px; color:#363636; border-top:1px solid #363636; } div#footer p { padding:5px; margin:0; } div#leftfoot { float:left; width:430px; } div#rightfoot { float:right; width:100px; text-align:right; } / WISHLIST WIDGET / div#wishlist_page_link { padding:7px 5px 5px; } /Associate Provided CSS*/ Ich muß zugeben ich hab keinen Plan ob man in CSS dateien überhaupt php befehle eingeben darf. Ich hab bis jetzt immer nur ein paar html geschichtln gebraucht und hab keinen Plan von der Materie! Alternativ könnt ich natürlich die Produkte auch einzeln in meine Seite einbinden, aber das wäre bei geplanten 1000-2000 Produkten nicht den Aufwand wert!

30.05.2011, 14:13
lstegelitz Erfahrener Benutzer Registriert seit: 07.09.2009 Beiträge: 4.005 PHP-Kenntnisse: Fortgeschritten	@broski: Du kannst mit dem CSS ja mal rumspielen und "width" Angaben modifizieren (Backup nicht vergessen ) um zu schauen, wie sich deine Seite verhält. Musst mal schauen, welche CSS Angaben wo auf deiner Seite eingesetzt werden. In jedem Fall würde ich aber das iframe nicht auf 4000px Höhe setzen, sondern eher auf xx% und ihm erlauben, selber eine Scrollbar anzeigen zu können. __________________ Über 90% aller Gewaltverbrechen passieren innerhalb von 24 Stunden nach dem Konsum von Brot.