PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Probleme mit Abstand IE7 / IE6
Beitrag
<blockquote data-quote="bubble1973" data-source="post: 1010786"><p>Hallo,</p><p></p><p>ich bin hier fast am Verzeifeln! Habe nach langen schweisstreibenden Arbeiten ein Design für ein Shopsystem für Internet Explorer (IE) 7 und Firefox 3 angepasst. </p><p></p><p>Im IE6 wird das Design an einer Stelle weiter nach unten geschoben (siehe folgende Grafik), ich komme einfach nicht drauf woran das liegen könnte ...</p><p></p><p></p><p></p><p>Hier habe ich mal die n.m.E. wichtigen Bereiche (DIVs) gekennzeichnet:</p><p></p><p></p><p></p><p>Man kann sich die Seite ansehen unter</p><p><strong>www.wollekauf.de/zencart</strong></p><p></p><p>Dieses Abstandproblem ist mein Hauptproblem.</p><p></p><p>Meine Verzeiflung hat sich jedoch noch vergrößert :'(, nachdem ich folgendes festellen musste: Komischerweise wird die Seite im IE 5.5 gar nicht angezeigt und es kommt bei meinem Programm IETester zu einem Absturz. Die Seite lädt, nachdem der Kopfbereich geladen wurde, an einer bestimmten Stelle ständig nach. Auch der kommt beim IE 5.5 zu keinem Ergebnis. Hat hier jemand eine Vorstellung woran das liegen könnte?</p><p></p><p>Hier ist der Inhalt meiner CSS-Datei</p><p>[code]</p><p>/**</p><p> * Main CSS Stylesheet</p><p> *</p><p> * @package templateSystem</p><p> * @copyright Copyright 2003-2007 Zen Cart Development Team</p><p> * @copyright Portions Copyright 2003 osCommerce</p><p> * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0</p><p> * @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $</p><p> */</p><p></p><p>body {</p><p> margin: 0;</p><p> font-family: verdana, arial, helvetica, sans-serif;</p><p> font-size: 62.5%;</p><p> color: #000000;</p><p> background-color: #326F3D;</p><p> }</p><p></p><p>a img {border: none; }</p><p></p><p>a:link, #navEZPagesTOC ul li a {</p><p> color: #000000;</p><p> text-decoration: none;</p><p> }</p><p> </p><p>a:visited {</p><p> color: #000000;</p><p> text-decoration: none;</p><p> }</p><p></p><p>a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {</p><p> text-decoration: underline;</p><p> }</p><p></p><p>a:active {</p><p> color: #000000;</p><p> }</p><p></p><p>h1 {</p><p> font-size: 1.5em;</p><p> color: #c8ffaf;</p><p> }</p><p></p><p>h2 {</p><p> font-size: 1.4em;</p><p> }</p><p></p><p>h3 {</p><p> font-size: 1.3em;</p><p> }</p><p></p><p>h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{</p><p> font-size: 1.1em;</p><p> }</p><p></p><p>.biggerText {</p><p> font-size: 1.2em;</p><p> }</p><p></p><p>h1, h2, h3, h4, h5, h6 {</p><p> margin: 0.3em 0;</p><p> }</p><p></p><p>/* Might uncomment either or both of these if having problems with IE peekaboo bug:</p><p>h1, h2, h3, h4, h5, h6, p {</p><p> position: relative;</p><p> }</p><p>*html .centerColumn {</p><p> height: 1%;</p><p> }</p><p>*/</p><p></p><p>CODE {</p><p> font-family: arial, verdana, helvetica, sans-serif;</p><p> font-size: 1em;</p><p> }</p><p></p><p>FORM, SELECT, INPUT {</p><p> display: inline;</p><p> font-size: 1em;</p><p> margin: 0.1em;</p><p> }</p><p> </p><p>TEXTAREA {</p><p> margin: auto;</p><p> display: block;</p><p> width: 95%;</p><p> }</p><p> </p><p>input:focus, select:focus, textarea:focus {</p><p> background: #E4FEF5;</p><p> }</p><p> </p><p>.formbutton {</p><p> font-family:verdana, arial, helvetica, sans-serif;</p><p> font-weight:bold;</p><p> border:solid 2px #E78923;</p><p> background:#0D4B21;</p><p> color:#C8FFAF;</p><p> padding: 1px 2px;</p><p>}</p><p></p><p></p><p>FIELDSET {</p><p> padding: 0.5em;</p><p> margin: 0.5em 0em;</p><p> border: 1px solid #C8FFAF;</p><p> }</p><p></p><p>LEGEND {</p><p> font-weight: bold;</p><p> padding: 0.3em;</p><p> color: black;</p><p> }</p><p></p><p>LABEL, h4.optionName {</p><p> line-height: 1.5em;</p><p> padding: 0.2em;</p><p> }</p><p></p><p>LABEL.checkboxLabel, LABEL.radioButtonLabel {</p><p> margin: 0.5em 0.3em;</p><p> }</p><p></p><p>#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {</p><p> float: left;</p><p> }</p><p></p><p>LABEL.inputLabel {</p><p> width: 9em;</p><p> float: left;</p><p> }</p><p></p><p>LABEL.inputLabelPayment {</p><p> width: 14em;</p><p> float: left;</p><p> padding-left: 2.5em;</p><p> }</p><p></p><p>LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {</p><p> width: 11em;</p><p> float: left;</p><p> }</p><p></p><p>#checkoutPayment LABEL.radioButtonLabel {</p><p> font-weight: bold;</p><p> }</p><p></p><p>P, ADDRESS {</p><p> padding: 0.5em;</p><p> }</p><p></p><p>ADDRESS {</p><p> font-style: normal;</p><p> }</p><p></p><p>.clearBoth {</p><p> clear: both;</p><p> }</p><p></p><p>HR {</p><p> height: 1px;</p><p> margin-top: 0.5em;</p><p> border: none;</p><p> border-bottom: 1px solid #c8ffaf;</p><p> }</p><p></p><p>/*warnings, errors, messages*/</p><p>.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {</p><p> line-height: 1.8em;</p><p> padding: 0.2em;</p><p> }</p><p></p><p>.messageStackWarning, .messageStackError {</p><p> background-color: #ff0000;</p><p> color: #C8FFAF;</p><p> }</p><p></p><p>.messageStackSuccess {</p><p> background-color: #99FF99;</p><p> color: #000000;</p><p> }</p><p></p><p>.messageStackCaution {</p><p> background-color: #FFFF66;</p><p> color: #000000;</p><p> }</p><p></p><p>/*wrappers - page or section containers*/</p><p>#mainWrapper {</p><p> background-color: #326F3D;</p><p> text-align: left;</p><p> width: 950px;</p><p> vertical-align: top;</p><p> border: none;</p><p> }</p><p></p><p>#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {</p><p> margin: 0;</p><p> padding: 0;</p><p> }</p><p></p><p>/* fix for IE to close line between headerWrapper and contentMainWrapper */</p><p>#headerWrapper {</p><p> height: 225px;</p><p> }</p><p> </p><p>#whiteBannerWrapper, #whiteBanner {</p><p> background-color: #ffffff;</p><p> margin: 0;</p><p> height: 75px;</p><p> }</p><p></p><p>#navMainWrapper, #navCatTabsWrapper {</p><p> margin: 0em;</p><p> background-color: #326F3D;</p><p> padding: 0.5em 0.2em;</p><p> font-weight: bold;</p><p> color: #c8ffaf;</p><p> height: 100px;</p><p> }</p><p></p><p>#navSuppWrapper {</p><p> margin: 0em;</p><p> background-color: #326F3D;</p><p> /*background-image: url(../images/tile_back.gif);*/</p><p> padding: 0.5em 0.2em;</p><p> font-weight: bold;</p><p> color: #c8ffaf;</p><p> width: 950px;</p><p> }</p><p> </p><p>#whiteBannerBackground{</p><p> position:absolute; </p><p> left:0px; </p><p> top:150px; </p><p> width:100%;</p><p> z-index: -1;</p><p> background-color: #ffffff;</p><p> height:75px;</p><p> }</p><p></p><p>#tagline {</p><p> color:#000000;</p><p> font-size: 2em;</p><p> text-align : center;</p><p> vertical-align: middle;</p><p> }</p><p></p><p>#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {</p><p> margin: auto;</p><p> } </p><p></p><p>#navColumnOneWrapper, #navColumnTwoWrapper {</p><p> margin-left: 0.5em;</p><p> margin-right: 0.5em;</p><p> } </p><p></p><p>#sendSpendWrapper {</p><p> border: 1px solid #cacaca;</p><p> float: right;</p><p> margin: 0em 0em 1em 1em;</p><p> }</p><p></p><p>.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {</p><p> margin: 0;</p><p> width: 47%;</p><p> }</p><p></p><p>.wrapperAttribsOptions {</p><p> margin: 0.3em 0em;</p><p> }</p><p></p><p>/*navigation*/</p><p></p><p>.navSplitPagesResult {}</p><p>.navSplitPagesLinks {}</p><p></p><p>.navNextPrevWrapper {</p><p> margin: 0 0 1.5em 0;</p><p>}</p><p></p><p>.navNextPrevCounter {</p><p> margin: 0em;</p><p> font-size: 0.9em;</p><p> }</p><p>.navNextPrevList {</p><p> display: inline;</p><p> white-space: nowrap;</p><p> margin: 0;</p><p> padding: 0.5 em;</p><p> list-style-type: none;</p><p> }</p><p></p><p>#navCatTabsWrapper {</p><p> background-color: #C8FFAF;</p><p> color: #9a9a9a;</p><p> background-image:none;</p><p>}</p><p></p><p>#navMain ul, #navSupp ul, #navCatTabs ul {</p><p> margin: 0;</p><p> padding: 0.5em 0em;</p><p> list-style-type: none;</p><p> text-align: center;</p><p> line-height: 1.5em;</p><p> }</p><p></p><p>#navMain ul li, #navSupp ul li, #navCatTabs ul li {</p><p> display: inline;</p><p> border-left: solid 2px ;</p><p> color: #C8FFAF; </p><p> }</p><p></p><p>#navMain ul li a {</p><p> padding-left: 0.4em;</p><p> right: 20px;</p><p> text-decoration: none;</p><p> margin: 0;</p><p> color: #C8FFAF;</p><p> }</p><p> </p><p>#navMain ul li.firstbar {</p><p> border-left: none;</p><p> }</p><p> </p><p>#navMainSearch {</p><p> padding-right: 20px;</p><p> padding-top:25px;</p><p> clear:right;</p><p> float: right;</p><p> } </p><p> </p><p>#navCatTabs ul li a {</p><p> text-decoration: none;</p><p> padding: 0em 0.5em;</p><p> margin: 0;</p><p> color: #C8FFAF;</p><p> white-space: nowrap;</p><p> }</p><p> </p><p>#navSupp, #navSupp ul li a {</p><p> text-decoration: none;</p><p> padding: 0em 0.5em;</p><p> margin: 0;</p><p> color: #7DB776;</p><p> }</p><p></p><p></p><p>#navCatTabs ul li a {</p><p> color: #9a9a9a;</p><p> }</p><p></p><p>#navEZPagesTOCWrapper {</p><p> font-weight: bold;</p><p> float: right;</p><p> height: 1%;</p><p> }</p><p></p><p>#navEZPagesTOC ul {</p><p> margin: 0;</p><p> padding: 0.5em 0em;</p><p> list-style-type: none;</p><p> line-height: 1.5em;</p><p> }</p><p></p><p>#navEZPagesTOC ul li {</p><p> white-space: nowrap;</p><p> }</p><p></p><p>#navEZPagesTOC ul li a {</p><p> padding: 0em 0.5em;</p><p> margin: 0;</p><p> }</p><p></p><p>#navCategoryIcon, .buttonRow, #indexProductListCatDescription {</p><p> margin: 0.5em;</p><p> }</p><p></p><p>#navBreadCrumb, #navBreadCrumb a, #navBreadCrumb a:visited , #navBreadCrumb a:active{</p><p> padding: 0.5em 0.5em;</p><p> background-color: #326f3d;</p><p> color: #7DB776;</p><p> font-size: 0.95em;</p><p> font-weight: bold;</p><p> }</p><p></p><p>#navEZPagesTop {</p><p> /*background-image: url(../images/tile_back.gif);*/</p><p> background-color: #58935b;</p><p> text-align: center;</p><p> text-transform: uppercase;</p><p> font-size: 1.0em;</p><p> font-weight: bold;</p><p> margin: 0;</p><p> padding: 6px;</p><p> height: 20px;</p><p></p><p> }</p><p> </p><p>#navEZPagesTopBackground {</p><p> position:absolute; </p><p> left:0px; </p><p> top:110px; </p><p> width:100%;</p><p> z-index: -1;</p><p> background-color: #58935b;</p><p> height: 32px;</p><p> margin: 0;</p><p> }</p><p> </p><p>#greenSpacer {</p><p> background-color: #c8ffaf;</p><p> height: 8px;</p><p> margin: 0;</p><p> padding: 0;</p><p> }</p><p> </p><p>#greenSpacerBackground {</p><p> position:absolute; </p><p> left:0px; </p><p> top:142px; </p><p> width:100%;</p><p> z-index: -1;</p><p> background-color: #c8ffaf;</p><p> height: 8px;</p><p> }</p><p></p><p>#navColumnOne, #navColumnTwo {</p><p> background-color: transparent;</p><p> }</p><p></p><p>/*The main content classes*/</p><p>#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {</p><p> vertical-align: top;</p><p> }</p><p></p><p>.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {</p><p> padding: 0.8em;</p><p> }</p><p></p><p> </p><p>/*.content,*/ #productDescription, .shippingEstimatorWrapper {</p><p> /*font-size: 1.2em;*/</p><p> padding: 0.5em;</p><p> } </p><p> </p><p>.alert {</p><p> color: #C8FFAF;</p><p> margin-left: 0.5em;</p><p> }</p><p>.advisory {}</p><p>.important {</p><p> font-weight: bold;</p><p> }</p><p>.notice {}</p><p>.rating{}</p><p>.gvBal {</p><p> float: right;</p><p> }</p><p></p><p>.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {</p><p> font-size: 0.9em;</p><p> }</p><p></p><p>/*Shopping Cart Display*/</p><p>#cartAdd {</p><p> float: right;</p><p> text-align: center;</p><p> margin: 1em;</p><p> border: 1px solid #000000;</p><p> padding: 1em;</p><p> }</p><p></p><p>.tableHeading, #cartSubTotal {</p><p> background-color: #58935A;</p><p> }</p><p></p><p>#cartSubTotal {</p><p> border-top: 1px solid #C8FFAF;</p><p> font-weight: bold;</p><p> text-align: right;</p><p> line-height: 2.2em;</p><p> padding-right: 2.5em;</p><p> }</p><p></p><p>.tableRow, .tableHeading, #cartSubTotal {</p><p> height: 2.2em;</p><p> }</p><p></p><p>.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {</p><p> padding: 0.5em 0em;</p><p> }</p><p></p><p>.cartUnitDisplay, .cartTotalDisplay {</p><p> text-align: right;</p><p> padding-right: 0.2em;</p><p> }</p><p></p><p>#scUpdateQuantity {</p><p> width: 2em;</p><p> }</p><p></p><p>.cartQuantity {</p><p> width: 4.7em;</p><p> }</p><p></p><p>.cartNewItem {</p><p> color: #33CC33;</p><p> position: relative; /*do not remove-fixes stupid IEbug*/</p><p> }</p><p></p><p>.cartOldItem {</p><p> color: #660099;</p><p> position: relative; /*do not remove-fixes stupid IEbug*/</p><p> }</p><p></p><p>.cartBoxTotal {</p><p> text-align: right;</p><p> font-weight: bold;</p><p> }</p><p></p><p>.cartRemoveItemDisplay {</p><p> width: 3.5em;</p><p> }</p><p></p><p>.cartAttribsList {</p><p> margin-left: 1em;</p><p> }</p><p></p><p>#mediaManager {</p><p> width: 50%; </p><p> margin: 0.2em;</p><p> padding: 0.5em;</p><p> background-color: #E4FEf5;</p><p> border: 1px solid #003D00;</p><p> }</p><p>.mediaTitle {</p><p> float: left;</p><p> }</p><p>.mediaTypeLink {</p><p> float: right;</p><p> }</p><p></p><p>.normalprice, .productSpecialPriceSale {</p><p> text-decoration: line-through;</p><p> }</p><p></p><p>.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {</p><p> color: #C8FFAF;</p><p> }</p><p></p><p>.orderHistList {</p><p> margin: 1em;</p><p> padding: 0.2em 0em;</p><p> list-style-type: none;</p><p> } </p><p></p><p>#cartBoxListWrapper ul, #ezPageBoxList ul {</p><p> list-style-type: none;</p><p> }</p><p></p><p>#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {</p><p> margin: 0;</p><p> padding: 0.2em 0em;</p><p> } </p><p></p><p>#cartBoxEmpty, #cartBoxVoucherBalance {</p><p> font-weight: bold;</p><p> }</p><p></p><p>.totalBox {</p><p> width: 5.5em;</p><p> text-align: right;</p><p> padding: 0.2em;</p><p> }</p><p></p><p>.lineTitle, .amount {</p><p> text-align: right;</p><p> padding: 0.2em;</p><p> }</p><p></p><p>.amount {</p><p> width: 5.5em;</p><p> }</p><p></p><p>/*Image Display*/</p><p>#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {</p><p> margin: 0em 1em 1em 0em ;</p><p> }</p><p></p><p>.categoryIcon {}</p><p></p><p>#cartImage {</p><p> margin: 0.5em 1em;</p><p> }</p><p></p><p>/*Attributes*/</p><p>.attribImg {</p><p> width: 20%;</p><p> margin: 0.3em 0em;</p><p>}</p><p></p><p>.attributesComments {}</p><p></p><p>/*list box contents*/</p><p>.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {</p><p> margin: 1em 0em;</p><p> }</p><p></p><p>.centerBoxWrapper {</p><p> height: 1%;</p><p> margin: 1.1em 0;</p><p> }</p><p></p><p>h2.Heading {</p><p> font-size: 1.3em;</p><p> color: #C8FFAF;</p><p> }</p><p></p><p>/*sideboxes*/</p><p>.columnLeft {}</p><p></p><p>h3.leftBoxHeading, h3.leftBoxHeading a,</p><p>h3.rightBoxHeading, h3.rightBoxHeading a {</p><p> font-size: 0.9em;</p><p> color: #c8ffaf;</p><p> }</p><p></p><p>#categoriesHeading, #manufacturersHeading, #currenciesHeading, #bestsellersHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {</p><p> font-size: 0.9em;</p><p> color: #c8ffaf;</p><p>}</p><p></p><p>.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {</p><p> margin: 0em;</p><p> background-color: #85935a;</p><p> padding: 0.5em 0.2em;</p><p> }</p><p></p><p>.leftBoxContainer {</p><p> margin-top: 0em;</p><p> margin-bottom: 1.5em;</p><p> border: none;</p><p> }</p><p></p><p>.rightBoxContainer {</p><p> margin-top: 0em;</p><p> margin-bottom: 1.5em;</p><p> border: none;</p><p> } </p><p> </p><p>.sideBoxContent {</p><p> background-color: #85935a;</p><p> padding: 0.4em;</p><p> }</p><p></p><p>.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {</p><p> color: #c8ffaf;</p><p> }</p><p> </p><p>h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {</p><p> text-decoration: underline;</p><p> } </p><p></p><p></p><p>.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {</p><p> text-align: center;</p><p> }</p><p></p><p>#bestsellers .wrapper {</p><p> margin: 0em 0em 0em 1.5em;</p><p> }</p><p></p><p>#bestsellers ol {</p><p> padding: 0;</p><p> margin-left: 1.1em;</p><p> }</p><p></p><p>#bestsellers li {</p><p> padding: 0;</p><p> margin: 0.3em 0em 0.3em 0em;</p><p> }</p><p></p><p>#bannerboxHeading, #bannerboxContent{</p><p> background-color: #E78923;</p><p>}</p><p></p><p>#upProductsHeading {</p><p> text-align: left;</p><p> }</p><p></p><p>#upDateHeading {</p><p> text-align: right;</p><p> }</p><p></p><p>/* categories box parent and child categories */</p><p>A.category-top, A.category-top:visited {</p><p> color: #000000;</p><p> text-decoration: none;</p><p> }</p><p></p><p>A.category-top:hover {</p><p> text-decoration: underline;</p><p> } </p><p></p><p>A.category-links, A.category-links:visited {</p><p> text-decoration: none;</p><p> }</p><p></p><p>A.category-links:hover {</p><p> text-decoration: underline;</p><p> } </p><p></p><p>A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {</p><p> color: #000000;</p><p> text-decoration: none;</p><p> }</p><p> </p><p>A.category-subs:hover, A.category-products:hover {</p><p> text-decoration: underline;</p><p> }</p><p> </p><p>SPAN.category-subs-parent {</p><p> font-weight: bold;</p><p> }</p><p>SPAN.category-subs-selected {</p><p> font-weight: bold;</p><p> }</p><p>/* end categories box links */</p><p></p><p>/*misc*/</p><p>.taxAddon {</p><p> font-size: 0.9em;</p><p> font-weight: normal;</p><p> margin: 0;</p><p> }</p><p></p><p>.back {</p><p> float: left;</p><p> }</p><p></p><p>.forward, #shoppingCartDefault #PPECbutton {</p><p> float: right;</p><p> }</p><p></p><p>.bold {</p><p> font-weight: bold;</p><p> }</p><p></p><p>.rowOdd {</p><p> background-color: #A3DB93;</p><p> height: 1.5em;</p><p> vertical-align: top;</p><p> }</p><p></p><p>.rowEven {</p><p> background-color: #7DB776;</p><p> height: 1.5em;</p><p> vertical-align: top;</p><p> }</p><p></p><p>.hiddenField {</p><p> display: none;</p><p>}</p><p>.visibleField {</p><p> display: inline;</p><p>}</p><p></p><p>CAPTION {</p><p> /*display: none;*/</p><p> }</p><p></p><p>#myAccountGen li, #myAccountNotify li {</p><p> margin: 0;</p><p> } </p><p></p><p>.accountTotalDisplay, .accountTaxDisplay {</p><p> width: 20%;</p><p> text-align: right;</p><p> /*vertical-align: top*/</p><p> }</p><p></p><p>.accountQuantityDisplay {</p><p> width: 10%;</p><p> vertical-align: top</p><p> }</p><p></p><p>TR.tableHeading {</p><p> background-color: #58935A;</p><p> height: 2em;</p><p> }</p><p></p><p>.productListing-rowheading {</p><p> background-color: #58935A;</p><p> /*background-image: url(../images/tile_back.gif);*/</p><p> height: 2em;</p><p> color: #000000;</p><p> }</p><p></p><p>#siteMapList {</p><p> width: 90%;</p><p> float: right;</p><p> }</p><p></p><p>.ratingRow {</p><p> margin: 1em 0em 1.5em 0em;</p><p> }</p><p></p><p>LABEL#textAreaReviews {</p><p> font-weight: normal;</p><p> margin: 1em 0em;</p><p> }</p><p></p><p>#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {</p><p> background-color: #C8FFAF;</p><p> }</p><p>.information {padding: 10px 3px; line-height: 150%;}</p><p></p><p>#shoppingcartBody, #shippingEstimatorContent {</p><p> clear: both;</p><p> }</p><p></p><p>.seDisplayedAddressLabel {</p><p> background-color:#C8FFAF;</p><p> text-align: center;</p><p> }</p><p>.seDisplayedAddressInfo {</p><p> text-transform: uppercase;</p><p> text-align: center;</p><p> font-weight: bold;</p><p> }</p><p>#seShipTo {</p><p> padding: 0.2em;</p><p> }</p><p>[/code]Bitte um Hilfe! Sollten noch weitere Infos benötigt werden, stelle ich diese gerne zur Verfügung!</p><p></p><p>Vielen Dank im voraus.</p><p></p><p>Steffen</p></blockquote><p></p>
[QUOTE="bubble1973, post: 1010786"] Hallo, ich bin hier fast am Verzeifeln! Habe nach langen schweisstreibenden Arbeiten ein Design für ein Shopsystem für Internet Explorer (IE) 7 und Firefox 3 angepasst. Im IE6 wird das Design an einer Stelle weiter nach unten geschoben (siehe folgende Grafik), ich komme einfach nicht drauf woran das liegen könnte ... Hier habe ich mal die n.m.E. wichtigen Bereiche (DIVs) gekennzeichnet: Man kann sich die Seite ansehen unter [B]www.wollekauf.de/zencart[/B] Dieses Abstandproblem ist mein Hauptproblem. Meine Verzeiflung hat sich jedoch noch vergrößert :'(, nachdem ich folgendes festellen musste: Komischerweise wird die Seite im IE 5.5 gar nicht angezeigt und es kommt bei meinem Programm IETester zu einem Absturz. Die Seite lädt, nachdem der Kopfbereich geladen wurde, an einer bestimmten Stelle ständig nach. Auch der kommt beim IE 5.5 zu keinem Ergebnis. Hat hier jemand eine Vorstellung woran das liegen könnte? Hier ist der Inhalt meiner CSS-Datei [code] /** * Main CSS Stylesheet * * @package templateSystem * @copyright Copyright 2003-2007 Zen Cart Development Team * @copyright Portions Copyright 2003 osCommerce * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0 * @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $ */ body { margin: 0; font-family: verdana, arial, helvetica, sans-serif; font-size: 62.5%; color: #000000; background-color: #326F3D; } a img {border: none; } a:link, #navEZPagesTOC ul li a { color: #000000; text-decoration: none; } a:visited { color: #000000; text-decoration: none; } a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover { text-decoration: underline; } a:active { color: #000000; } h1 { font-size: 1.5em; color: #c8ffaf; } h2 { font-size: 1.4em; } h3 { font-size: 1.3em; } h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{ font-size: 1.1em; } .biggerText { font-size: 1.2em; } h1, h2, h3, h4, h5, h6 { margin: 0.3em 0; } /* Might uncomment either or both of these if having problems with IE peekaboo bug: h1, h2, h3, h4, h5, h6, p { position: relative; } *html .centerColumn { height: 1%; } */ CODE { font-family: arial, verdana, helvetica, sans-serif; font-size: 1em; } FORM, SELECT, INPUT { display: inline; font-size: 1em; margin: 0.1em; } TEXTAREA { margin: auto; display: block; width: 95%; } input:focus, select:focus, textarea:focus { background: #E4FEF5; } .formbutton { font-family:verdana, arial, helvetica, sans-serif; font-weight:bold; border:solid 2px #E78923; background:#0D4B21; color:#C8FFAF; padding: 1px 2px; } FIELDSET { padding: 0.5em; margin: 0.5em 0em; border: 1px solid #C8FFAF; } LEGEND { font-weight: bold; padding: 0.3em; color: black; } LABEL, h4.optionName { line-height: 1.5em; padding: 0.2em; } LABEL.checkboxLabel, LABEL.radioButtonLabel { margin: 0.5em 0.3em; } #logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg { float: left; } LABEL.inputLabel { width: 9em; float: left; } LABEL.inputLabelPayment { width: 14em; float: left; padding-left: 2.5em; } LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel { width: 11em; float: left; } #checkoutPayment LABEL.radioButtonLabel { font-weight: bold; } P, ADDRESS { padding: 0.5em; } ADDRESS { font-style: normal; } .clearBoth { clear: both; } HR { height: 1px; margin-top: 0.5em; border: none; border-bottom: 1px solid #c8ffaf; } /*warnings, errors, messages*/ .messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution { line-height: 1.8em; padding: 0.2em; } .messageStackWarning, .messageStackError { background-color: #ff0000; color: #C8FFAF; } .messageStackSuccess { background-color: #99FF99; color: #000000; } .messageStackCaution { background-color: #FFFF66; color: #000000; } /*wrappers - page or section containers*/ #mainWrapper { background-color: #326F3D; text-align: left; width: 950px; vertical-align: top; border: none; } #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage { margin: 0; padding: 0; } /* fix for IE to close line between headerWrapper and contentMainWrapper */ #headerWrapper { height: 225px; } #whiteBannerWrapper, #whiteBanner { background-color: #ffffff; margin: 0; height: 75px; } #navMainWrapper, #navCatTabsWrapper { margin: 0em; background-color: #326F3D; padding: 0.5em 0.2em; font-weight: bold; color: #c8ffaf; height: 100px; } #navSuppWrapper { margin: 0em; background-color: #326F3D; /*background-image: url(../images/tile_back.gif);*/ padding: 0.5em 0.2em; font-weight: bold; color: #c8ffaf; width: 950px; } #whiteBannerBackground{ position:absolute; left:0px; top:150px; width:100%; z-index: -1; background-color: #ffffff; height:75px; } #tagline { color:#000000; font-size: 2em; text-align : center; vertical-align: middle; } #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper { margin: auto; } #navColumnOneWrapper, #navColumnTwoWrapper { margin-left: 0.5em; margin-right: 0.5em; } #sendSpendWrapper { border: 1px solid #cacaca; float: right; margin: 0em 0em 1em 1em; } .floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper { margin: 0; width: 47%; } .wrapperAttribsOptions { margin: 0.3em 0em; } /*navigation*/ .navSplitPagesResult {} .navSplitPagesLinks {} .navNextPrevWrapper { margin: 0 0 1.5em 0; } .navNextPrevCounter { margin: 0em; font-size: 0.9em; } .navNextPrevList { display: inline; white-space: nowrap; margin: 0; padding: 0.5 em; list-style-type: none; } #navCatTabsWrapper { background-color: #C8FFAF; color: #9a9a9a; background-image:none; } #navMain ul, #navSupp ul, #navCatTabs ul { margin: 0; padding: 0.5em 0em; list-style-type: none; text-align: center; line-height: 1.5em; } #navMain ul li, #navSupp ul li, #navCatTabs ul li { display: inline; border-left: solid 2px ; color: #C8FFAF; } #navMain ul li a { padding-left: 0.4em; right: 20px; text-decoration: none; margin: 0; color: #C8FFAF; } #navMain ul li.firstbar { border-left: none; } #navMainSearch { padding-right: 20px; padding-top:25px; clear:right; float: right; } #navCatTabs ul li a { text-decoration: none; padding: 0em 0.5em; margin: 0; color: #C8FFAF; white-space: nowrap; } #navSupp, #navSupp ul li a { text-decoration: none; padding: 0em 0.5em; margin: 0; color: #7DB776; } #navCatTabs ul li a { color: #9a9a9a; } #navEZPagesTOCWrapper { font-weight: bold; float: right; height: 1%; } #navEZPagesTOC ul { margin: 0; padding: 0.5em 0em; list-style-type: none; line-height: 1.5em; } #navEZPagesTOC ul li { white-space: nowrap; } #navEZPagesTOC ul li a { padding: 0em 0.5em; margin: 0; } #navCategoryIcon, .buttonRow, #indexProductListCatDescription { margin: 0.5em; } #navBreadCrumb, #navBreadCrumb a, #navBreadCrumb a:visited , #navBreadCrumb a:active{ padding: 0.5em 0.5em; background-color: #326f3d; color: #7DB776; font-size: 0.95em; font-weight: bold; } #navEZPagesTop { /*background-image: url(../images/tile_back.gif);*/ background-color: #58935b; text-align: center; text-transform: uppercase; font-size: 1.0em; font-weight: bold; margin: 0; padding: 6px; height: 20px; } #navEZPagesTopBackground { position:absolute; left:0px; top:110px; width:100%; z-index: -1; background-color: #58935b; height: 32px; margin: 0; } #greenSpacer { background-color: #c8ffaf; height: 8px; margin: 0; padding: 0; } #greenSpacerBackground { position:absolute; left:0px; top:142px; width:100%; z-index: -1; background-color: #c8ffaf; height: 8px; } #navColumnOne, #navColumnTwo { background-color: transparent; } /*The main content classes*/ #contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert { vertical-align: top; } .centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix { padding: 0.8em; } /*.content,*/ #productDescription, .shippingEstimatorWrapper { /*font-size: 1.2em;*/ padding: 0.5em; } .alert { color: #C8FFAF; margin-left: 0.5em; } .advisory {} .important { font-weight: bold; } .notice {} .rating{} .gvBal { float: right; } .smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP { font-size: 0.9em; } /*Shopping Cart Display*/ #cartAdd { float: right; text-align: center; margin: 1em; border: 1px solid #000000; padding: 1em; } .tableHeading, #cartSubTotal { background-color: #58935A; } #cartSubTotal { border-top: 1px solid #C8FFAF; font-weight: bold; text-align: right; line-height: 2.2em; padding-right: 2.5em; } .tableRow, .tableHeading, #cartSubTotal { height: 2.2em; } .cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay { padding: 0.5em 0em; } .cartUnitDisplay, .cartTotalDisplay { text-align: right; padding-right: 0.2em; } #scUpdateQuantity { width: 2em; } .cartQuantity { width: 4.7em; } .cartNewItem { color: #33CC33; position: relative; /*do not remove-fixes stupid IEbug*/ } .cartOldItem { color: #660099; position: relative; /*do not remove-fixes stupid IEbug*/ } .cartBoxTotal { text-align: right; font-weight: bold; } .cartRemoveItemDisplay { width: 3.5em; } .cartAttribsList { margin-left: 1em; } #mediaManager { width: 50%; margin: 0.2em; padding: 0.5em; background-color: #E4FEf5; border: 1px solid #003D00; } .mediaTitle { float: left; } .mediaTypeLink { float: right; } .normalprice, .productSpecialPriceSale { text-decoration: line-through; } .productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount { color: #C8FFAF; } .orderHistList { margin: 1em; padding: 0.2em 0em; list-style-type: none; } #cartBoxListWrapper ul, #ezPageBoxList ul { list-style-type: none; } #cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal { margin: 0; padding: 0.2em 0em; } #cartBoxEmpty, #cartBoxVoucherBalance { font-weight: bold; } .totalBox { width: 5.5em; text-align: right; padding: 0.2em; } .lineTitle, .amount { text-align: right; padding: 0.2em; } .amount { width: 5.5em; } /*Image Display*/ #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage { margin: 0em 1em 1em 0em ; } .categoryIcon {} #cartImage { margin: 0.5em 1em; } /*Attributes*/ .attribImg { width: 20%; margin: 0.3em 0em; } .attributesComments {} /*list box contents*/ .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew { margin: 1em 0em; } .centerBoxWrapper { height: 1%; margin: 1.1em 0; } h2.Heading { font-size: 1.3em; color: #C8FFAF; } /*sideboxes*/ .columnLeft {} h3.leftBoxHeading, h3.leftBoxHeading a, h3.rightBoxHeading, h3.rightBoxHeading a { font-size: 0.9em; color: #c8ffaf; } #categoriesHeading, #manufacturersHeading, #currenciesHeading, #bestsellersHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading { font-size: 0.9em; color: #c8ffaf; } .leftBoxHeading, .centerBoxHeading, .rightBoxHeading { margin: 0em; background-color: #85935a; padding: 0.5em 0.2em; } .leftBoxContainer { margin-top: 0em; margin-bottom: 1.5em; border: none; } .rightBoxContainer { margin-top: 0em; margin-bottom: 1.5em; border: none; } .sideBoxContent { background-color: #85935a; padding: 0.4em; } .rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited { color: #c8ffaf; } h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover { text-decoration: underline; } .centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg { text-align: center; } #bestsellers .wrapper { margin: 0em 0em 0em 1.5em; } #bestsellers ol { padding: 0; margin-left: 1.1em; } #bestsellers li { padding: 0; margin: 0.3em 0em 0.3em 0em; } #bannerboxHeading, #bannerboxContent{ background-color: #E78923; } #upProductsHeading { text-align: left; } #upDateHeading { text-align: right; } /* categories box parent and child categories */ A.category-top, A.category-top:visited { color: #000000; text-decoration: none; } A.category-top:hover { text-decoration: underline; } A.category-links, A.category-links:visited { text-decoration: none; } A.category-links:hover { text-decoration: underline; } A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited { color: #000000; text-decoration: none; } A.category-subs:hover, A.category-products:hover { text-decoration: underline; } SPAN.category-subs-parent { font-weight: bold; } SPAN.category-subs-selected { font-weight: bold; } /* end categories box links */ /*misc*/ .taxAddon { font-size: 0.9em; font-weight: normal; margin: 0; } .back { float: left; } .forward, #shoppingCartDefault #PPECbutton { float: right; } .bold { font-weight: bold; } .rowOdd { background-color: #A3DB93; height: 1.5em; vertical-align: top; } .rowEven { background-color: #7DB776; height: 1.5em; vertical-align: top; } .hiddenField { display: none; } .visibleField { display: inline; } CAPTION { /*display: none;*/ } #myAccountGen li, #myAccountNotify li { margin: 0; } .accountTotalDisplay, .accountTaxDisplay { width: 20%; text-align: right; /*vertical-align: top*/ } .accountQuantityDisplay { width: 10%; vertical-align: top } TR.tableHeading { background-color: #58935A; height: 2em; } .productListing-rowheading { background-color: #58935A; /*background-image: url(../images/tile_back.gif);*/ height: 2em; color: #000000; } #siteMapList { width: 90%; float: right; } .ratingRow { margin: 1em 0em 1.5em 0em; } LABEL#textAreaReviews { font-weight: normal; margin: 1em 0em; } #popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart { background-color: #C8FFAF; } .information {padding: 10px 3px; line-height: 150%;} #shoppingcartBody, #shippingEstimatorContent { clear: both; } .seDisplayedAddressLabel { background-color:#C8FFAF; text-align: center; } .seDisplayedAddressInfo { text-transform: uppercase; text-align: center; font-weight: bold; } #seShipTo { padding: 0.2em; } [/code]Bitte um Hilfe! Sollten noch weitere Infos benötigt werden, stelle ich diese gerne zur Verfügung! Vielen Dank im voraus. Steffen [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Probleme mit Abstand IE7 / IE6
Oben