CSS Problem

Gehe zu Seite:

Geschlossen

Di. 02.08.2011 21:29 Uhr #1

Silfer Mitglied

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.

zitieren

Di. 02.08.2011 21:46 Uhr #2

Lord|Schirmer Administrator

Registriert seit
21.03.2007

Beiträge
7.680

Beitragswertungen

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.
- zitieren

Mi. 03.08.2011 18:46 Uhr #3

Silfer Mitglied

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.

zitieren

Mi. 03.08.2011 19:14 Uhr #4

glueckspilz Mitglied

Registriert seit
08.10.2009

Beiträge
302

Beitragswertungen

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!
externer Link
externer Link
0 Mitglieder finden den Beitrag gut.
- zitieren
Do. 04.08.2011 12:44 Uhr #5

whazza Mitglied

Registriert seit
18.10.2009

Beiträge
1.160

Beitragswertungen

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.

?
1
2
<!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.
- zitieren

Beitrag zur Merkliste hinzufügen

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