zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Grafiken werden von DIV überlagert

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.05.2011, 11:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.05.2011
Beiträge: 10
bleny87 befindet sich auf einem aufstrebenden Ast
Standard Grafiken werden von DIV überlagert

Hallo zusammen,

Bin gerade dabei ein Layout an alle gängigen Browser anzupassen und wie immer macht der IE ( dabei faxen.

So soll es aussehen (Ich habe Namen und Logos geschwärzt):



Und so sieht es im IE8 aus:


Ich habe bisher an den Pfaden der Bilder und mit
Code:
z-index
rumprobiert... aber leider ohne Erfolg.

Hat vll jemand eine Idee wie ich das Problem lösen könnte?

Headerbereich aus der index.php:
HTML-Code:
<div id="header" style="z-index:1"> 
    <a href="http://www.test.com">
        <div id="header_icon" style="z-index:9999"> </div>
    </a>
    <div id="test_schrift"></div>
    <div id="header_bg">
    <div id="main_navi">
    	<jdoc:include type="modules" name="Superfish_Menu" />
    </div>
    <div style="float: left;
    margin-left: 700px;
    margin-top: -90px;">
        <p style="color:#ffffff; float:left">Bestellen Sie direkt hier</p>
        <a href="http://www.test2.de"><img  style="float: left;
            padding-left: 5%;
            width: 16%; border: 0px;" src="../templates/test/images/shop_icon.gif" id="huf_icon" onMouseOver="document.getElementById('huf_icon').src ='/templates/test/images/shop_icon_over.gif'" onMouseOut="document.getElementById('huf_icon').src ='/templates/test/images/shop_icon.gif'"/>
        </a>
    </div>
</div>

CSS:
HTML-Code:
body {
    color: #A8063A;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 100%;
}

#header_bg {
    -moz-border-radius: 50px 50px 50px 50px;
    background: url("/templates/test/images/dot.gif") repeat-x scroll 2px 45px #D4004A;
    height: 100px;
    margin-top: 5%;
    width: 100%;
}

#header {
    position: relative;
}

a {
    color: #A8063A;
    line: medium none;
}

#dr_mothes_schrift {
    background-image: url("/templates/test/images/test.gif");
    height: 39px;
    margin-left: 11%;
    margin-top: 0.5%;
    position: absolute;
    width: 193px;
}

#main_navi {
    font-weight: bold;
    margin-left: 9%;
    padding-top: 6%;
}

Schonmal danke für die Hilfe!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.05.2011, 11:44
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.780
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Bitte lies und beachte die Hinweise für Fragende.
Screenshots und Codefragmente genügen nicht (mit deinen Joomla-Includes können wir hier überhaupt nichts anfangen) .
Wir brauchen einen Link zum Problem.
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
bild, box, css, div, html, z-index

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 19:29
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 16:53
Header entfernen tripple CSS 17 15.06.2010 15:41
Schriftfarbe in den Eintragungsfeldern von jforms Steveislucky CSS 2 16.03.2010 10:59
CSS Text nebeinander? carstiee09 CSS 13 13.11.2009 19:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:41 Uhr.