ilch Forum » Allgemein » HTML, PHP, SQL,... » CSS Problem

Geschlossen
  1. Di. 02.08.2011 21:29 Uhr #1
    User Pic
    Silfer Mitglied
    Registriert seit
    25.06.2008
    Beiträge
    74
    Beitragswertungen
    1 Beitragspunkte
    Hallo zusammen,

    hab hier ein css design das leider nicht im IE angezeigt wird (korrekt)
    im Firefox läufts einwandfrei. Da ich noch nich so viel Ahnung im Bereich CSS habe kann ich leider den Fehler nicht finden.

    Hat jemand eine Idee woran es liegen könnte? 

    <style type="text/css">
* 
{ 
 margin: 0; 
 padding: 0;
 font-family:Verdana;
}
html, body 
{
  background: #3A424A;
  background-repeat:repeat;
  background-position:100px 50%;
  background-attachment:fixed;
} 
#container 
{
 width: 1035px;
 min-height:1200px;
 height:1200px !important; /* moderne Browser */
 height:1200px; /* IE */
 margin: 0px auto;
 padding: 0;
 border: 0;
}
#headbereich
{
 width: 1035px;
 height: 691px;
}
#mitte {
  position: relative;
  width: 100%;
}
#inhalt {
  background: white;
  margin-left: 270px;
  margin-right: 17px;
  margin-top: 5px;
  min-height:300px;
  height: 720px;
  padding: 15px;
  overflow:auto;
}
#steuerung {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 260px;
  height:750px;
  background: url(/images/silfer_3_13.jpg);
  border: 0;
  min-height:600px;
  padding-left:10px;
}
#rand
{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 17px;
  height:750px;
  background: url(/images/silfer_2_15.jpg);
  border: 0;
  min-height:600px;
}
#fuss
{
 width: 1035px;
 height: 68px;
}
#fusszeile 
{
 margin-top: 25px;
 width: 1035px;
 height: 25px;
 font-size: 12px;
 color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
</style>
<link rel="stylesheet" type="text/css" href="http://silferhosting.eu/gallerystyle.css" />
<!-- Do not edit IE conditional style below -->
<!--[if gte IE 5.5]>
<style type="text/css">
#motioncontainer {
width:expression(Math.min(this.offsetWidth, maxwidth)+'px');
}
</style>
<![endif]-->
<!-- End Conditional Style -->
<script type="text/javascript" src="http://silferhosting.eu/motiongallery.js">
/***********************************************
* CMotion Image Gallery- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
* Modified by Jscheuer1 for autowidth and optional starting positions
***********************************************/
</script>


    Danke schonma
    0 Mitglieder finden den Beitrag gut.
  2. Di. 02.08.2011 21:46 Uhr #2
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.680
    Beitragswertungen
    1217 Beitragspunkte
    Also zwischen FF5.0 und IE9 sehe ich jetzt keinen Unterschied, was stimmt denn nicht?

    Validation Service
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  3. Mi. 03.08.2011 18:46 Uhr #3
    User Pic
    Silfer Mitglied
    Registriert seit
    25.06.2008
    Beiträge
    74
    Beitragswertungen
    1 Beitragspunkte
    Der obere Teil des Designs wird nicht angezeigt. Ebenfalls der Navibereich wird nicht angezeigt und Content geht über komplette Seite.

    hier mal der Rest des Codes: 

    <div id="container">
<div id="headbereich">
<table border="0" cellpadding="0" cellpadding="0" cellspacing="0">
<tr><td width="1035" height="158"><img src="/images/silfer_1.jpg" border="0" width="1035" height="158"align="top" /></td></tr>
</table>
<table border="0" cellpadding="0" cellpadding="0" cellspacing="0">
<tr>
	<td width="7" height="243"><img src="/images/silfer_2.jpg" border="0" width="7" height="243" align="top" /></td>
	<td width="1021" height="243"><img src="/images/silfer_3.jpg" border="0" width="1021" height="243" align="top" /></td>
	<td width="7" height="243"><img src="/images/silfer_4.jpg" border="0" width="7" height="243" align="top" /></td>
</tr>
</table>
<table border="0" cellpadding="0" cellpadding="0" cellspacing="0">
<tr>
	<td width="1035" height="8"><img src="/images/silfer_5.jpg" border="0" width="1035" height="8" align="top" /></td>
</tr>
</table>
<table border="0" cellpadding="0" cellpadding="0" cellspacing="0">
<tr>
	<td width="6" height="65"><img src="/images/silfer_6.jpg" border="0" width="6" height="65" align="top" /></td>
	<td width="1023" height="65"><embed src="/images/Main.swf" width="1023" height="65" type="application/x-shockwave-flash" scale="ShowAll" loop="loop" menu="menu" wmode="Window" quality="high"></embed> 
</td>
	<td width="6" height="65"><img src="/images/silfer_20.jpg" border="0" width="6" height="65" align="top" /></td>
</tr>
</table>
<table border="0" cellpadding="0" cellpadding="0" cellspacing="0">
<tr>
	<td width="1035" height="20"><img src="/images/silfer_21.jpg" border="0" width="1035" height="20" align="top" /></td>
</tr>
</table>
<table border="0" cellpadding="0" cellpadding="0" cellspacing="0">
<tr>
	<td width="88" height="173"><img src="/images/silfer_22.jpg" border="0" width="88" height="173" align="top" /></td>
	<td width="861" height="173" style="background-image: url(/images/silfer_23.jpg);">
    <div id="motioncontainer" style="position:relative;overflow:hidden;">
<div id="motiongallery" style="position:absolute;left:0;top:3;white-space: nowrap;">
<nobr id="trueContainer"><a href="http://www.google.de/"><img src="/images/einsteiger.jpg" border=0></a> <a href="http://www.google.de/"><img src="/images/home.jpg" border=0></a> <a href="http://www.google.de/"><img src="/images/profi.jpg" border=0></a> <a href="http://www.google.de/"><img src="/images/business.jpg" border=0></a> <a href="http://www.google.de/"><img src="/images/domains.jpg" border=0></a> <a href="http://www.google.de/"><img src="/images/designs.jpg" border=0></a> <a href="http://www.google.de/"><img src="/images/verwaltung.jpg" border=0></a></nobr>
</div>
</div>
</td>
	<td width="68" height="173"><img src="/images/silfer_24.jpg" border="0" width="86" height="173" align="top" /></td>
</tr>
</table>
<table border="0" cellpadding="0" cellpadding="0" cellspacing="0">
<tr>
	<td width="1035" height="32"><img src="/images/silfer_25.jpg" border="0" width="1035" height="32" align="top" /></td>
</tr>
</table>    
</div>
<div id="mitte">
    <div id="steuerung"><!-- Beginn Navigationsleiste -->
    <br />[[LoginBox]]<br />
    <center>
    <a href="javascript:void(window.open('http://support.silferhosting.de/livezilla/chat.php','','width=590,height=610,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes'))"><img src="http://support.silferhosting.de/livezilla/image.php?id=05&amp;type=inlay" width="145" height="69" border="0" alt="LiveZilla Live Help"></a>
    <div id="livezilla_tracking" style="display:none"></div><script type="text/javascript">
var script = document.createElement("script");script.type="text/javascript";var src = "http://support.silferhosting.de/livezilla/server.php?request=track&output=jcrpt&nse="+Math.random();setTimeout("script.src=src;document.getElementById('livezilla_tracking').appendChild(script)",1);</script><noscript><img src="http://support.silferhosting.de/livezilla/server.php?request=track&amp;output=nojcrpt" width="0" height="0" style="visibility:hidden;" alt=""></noscript><!-- http://www.LiveZilla.net Tracking Code -->
<br /><br />
   <p align="center">  
   <a href="http://www.livewatch.de" target="_blank"><img src="http://www.server-uptime.de/uptime/4d3265eb4358f" alt="Serverüberwachung / Servermonitoring mit Livewatch.de" border="0"></a>  
   <br><a href="http://www.livewatch.de">Servermonitoring mit Livewatch.de</a>  
   </p><br />
   <img src="http://www.support.silferhosting.de/banner/partner.jpg" border="0" width="200" height="300" />
   </div><!-- Ende Navigationsleiste -->  
    <div id="inhalt"><?php echo page_content(1); ?></div>
    <div id="rand"></div>
</div><!-- fuss -->
<div id="fuss">
        <img src="/images/silfer_29.jpg" alt="fuss" />        
    </div><!-- Fusszeile für Copytrighinformationen -->
    <div id="fusszeile">
            <center><?php page_footer(); ?></center>
    </div>
</div>
</body>
</html>
    0 Mitglieder finden den Beitrag gut.
  4. Mi. 03.08.2011 19:14 Uhr #4
    User Pic
    glueckspilz Mitglied
    Registriert seit
    08.10.2009
    Beiträge
    302
    Beitragswertungen
    19 Beitragspunkte
    Link zu der besagten Seite?

    Und was wolltest du erreichen, wenn du den Container in der Höhe beschränkst?


    Zuletzt modifiziert von glueckspilz am 03.08.2011 - 19:16:59
    Wir sind wieder online! zwinker
    externer Link
    externer Link
    0 Mitglieder finden den Beitrag gut.
  5. Do. 04.08.2011 12:44 Uhr #5
    User Pic
    whazza Mitglied
    Registriert seit
    18.10.2009
    Beiträge
    1.160
    Beitragswertungen
    35 Beitragspunkte
    Bei mir hilft oft wenn ich in die index.htm vom Design das ganz oben einfüge, ob es bei dir auch helfen wird kann ich nicht sagen. 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    ez-skinz.com
    Unmögliches wird sofort erledigt, auf Wunsch wird auch gehext. Nur Wunder dauern etwas länger.
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten