IE7 vs Mozilla
lima-city → Forum → Die eigene Homepage → Homepage Allgemein
anzeige
auto
bild
darstellung
datei
ecke
haut
header
http
image
kopie
kostenlosen versionen
layout
logo login
machen
problem
quellcode
schlafende personen
string
url
-
Hallo,
ich arbeite gerade an einer Webseite. Das Problem ist im IE7 sieht es so aus....
http://kurelom.lima-city.de/IE7.gif also normal.
Im Mozilla sieht es dagegen so aus
http://kurelom.lima-city.de/Mozilla.gif
Nun habe ich das Problem das ich schon alles ausprobiert habe, aber leider nicht auf die Lösung komme, kann da jemand helfen?
Ich habe nur den Teil ausgeschnitten der Probleme macht Logo etc ist ausgeschnitten.
Beitrag geändert: 9.5.2008 11:07:41 von skorpion1976 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
da haut sicher was mit den div-tags und den float angaben nicht hin - der schein falsch umzubrechen
oder die positionierung ist nicht sauber
ich würder der mozilla darstellung mehr trauen als der des IE -
das Problem dabei ist das ich über ein Content Managment Sytem arbeite das viel weiter entwickelt ist als die kostenlosen Versionen. Es werden zusätzliche Codes mit geschrieben die in dem ursprünglichen Css nicht vorhanden sind.
Ich hatte ja auch nur ne Frage ob da einer auf anhieb ne Idee hat.
Floats oder die Divs scheinen ok zu sein. Aber danke ich versuche es noch mal kurz -
Bei den meisten CMS gibt es Template-Dateien, diese würden uns weiterhelfen.
-
@carpfen, die IE7 anzeige soll den effekt bringen den ich suche aber ich stelle hier mal die komplette css und HTML datei rein, das Problem ist es wurde schon sehr viel hinzugefügt.
body
{
background-image: url(\'img/background.jpg\');
}
.layout
{
width: 904px;
margin: 20px auto 0px auto;
}
.layout .header .logo
{
width:915px;
height:126px;
background-image: url(\'img/header/header3.png\');
background-repeat: no-repeat;
}
.layout .header .logo .login
{
float:right;
}
.layout .header .logo .languageswitcher
{
float:right;
margin-top: 100px;
margin-right:15px;
}
.layout .header .bilder
{
width:915px;
height:97px;
clear:both;
overflow:hidden;
}
.layout .header .bilder .left
{
background-image:url(\'img/layoutstruktur/schlafende-personen.jpg\');
background-repeat:no-repeat;
float:left;
width:289px;
height:97px;
margin-right:10px;
}
.layout .header .bilder .center
{
float:left;
width:298px;
height:97px;
margin-right:10px;
}
.layout .header .bilder .right
{
background-image:url(\'img/layoutstruktur/besteck.jpg\');
background-repeat:no-repeat;
float:left;
width:289px;
height:97px;
}
.layout .mainmenu .left
{
float: left;
height: 46px;
width: 26px;
background-image: url(\'img/navi/Ecke-links-oben.png\');
background-repeat: no-repeat;
}
.layout .mainmenu .center
{
float: left;
width: 851px;
height: 46px;
background-image: url(\'img/navi/background.png\');
background-repeat: repeat-x;
}
.layout .mainmenu .right
{
float: left;
height: 46px;
width: 27px;
background-image: url(\'img/navi/Ecke-rechts-oben.png\');
background-repeat: no-repeat;
}
/*.layout .pane .content
{
width: 851px;
height:100px;
padding: 0px 26px 0px 26px;
background-color:white;
background-image:url(\'img/content/content_bg.png\');
background-repeat: repeat;
}*/
/*.layout .pane
{
height:400px;
}*/
.layout .footer
{
clear:both;
}
.footer .left
{
height:67px;
width:26px;
background-image:url(\'img/footer/Ecke-links-unten.png\');
background-repeat:no-repeat;
float: left;
}
.footer .center
{
height:67px;
width:850px;
background-image:url(\'img/footer/background.png\');
background-repeat:repeat-x;
float: left;
text-align:center;
color:white;
font-family:Arial;
font-size:14px;
padding-top:25px;
}
.footer .right
{
float: left;
height:67px;
width: 27px;
background-image:url(\'img/footer/ecke-rechts-unten.png\');
background-repeat: no-repeat;
float: left;
}
HTML
<div class=\"layout\">
<div class=\"header\">
<div class=\"logo\">
<div class=\"login\">
<CC1:HEADERMENU id=\"PortalHeaderMenu\" runat=\"server\" Bind=\"BindOptionTop\" RepeatDirection=\"Horizontal\"
ShowHome=\"False\" ShowTabMan=\"True\" showEditProfile=\"false\" showSaveDesktop=\"false\" showWelcome=\"false\" CssClass=\"SiteLink\" CellPadding=\"4\">
<SEPARATORSTYLE CssClass=\"separator\"></SEPARATORSTYLE>
<ITEMTEMPLATE>
<%# Container.DataItem %>
</ITEMTEMPLATE>
</CC1:HEADERMENU>
</div>
<div class=\"languageswitcher\">
<cc1:Selector ID=\"languageswitcher\" Type=\"HorizontalLinksList\" runat=\"server\" Labels=\"DisplayNone\" ImagePath=\"~/Portals/_wwwihrhotel/images/default/Grosse Flaggen/\" />
</div>
</div>
<div class=\"bilder\">
<div class=\"left\"></div>
<div class=\"center\">
<%
LayoutManager layoutmanager = new LayoutManager(\"test\";
String strAusgabe = \"\";
if (LayoutManager.WebHeader != \"\"
{
if (LayoutManager.WebHeader.Contains(\".swf\")
{
strAusgabe = \"<object classid=\\\"clsid27CDB6E-AE6D-11cf-96B8-444553540000\\\" codebase=\\\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0\\\" width=\\\"581\\\" height=\\\"325\\\"><param name=\\\"movie\\\" value=\\\"\" + Rainbow.Settings.Path.ApplicationRoot + \"/Portals/_wwwihrhotel/images/default/Headerbilder/\" + LayoutManager.WebHeader + \"\\\"><param name=\\\"quality\\\" value=\\\"high\\\"><param name=\\\"bgcolor\\\" value=\\\"#ffffff\\\"><embed src=\\\"\" + Rainbow.Settings.Path.ApplicationRoot + \"/Portals/_wwwihrhotel/images/default/Headerbilder/\" + LayoutManager.WebHeader + \"\\\" quality=\\\"high\\\" pluginspage=\\\"http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash\\\" type=\\\"application/x-shockwave-flash\\\" width=\\\"581\\\" height=\\\"325\\\"></embed></object>\";
}
else
{
strAusgabe = \"<img src=\\\"\" + Rainbow.Settings.Path.ApplicationRoot + \"/Portals/_wwwihrhotel/images/default/Headerbilder/\" + LayoutManager.WebHeader + \"\\\" border=\\\"0\\\" alt=\\\"Welcome to Ihr Hotel\\\" />\";
}
}
else
{
strAusgabe = \"<img src=\\\"\" + Rainbow.Settings.Path.ApplicationRoot + \"/Portals/_wwwihrhotel/images/default/Headerbilder/startseite.jpg\\\" border=\\\"0\\\" alt=\\\"Welcome to Ihr Hotel\\\" />\";
}
%>
<%=strAusgabe %>
</div>
<div class=\"right\"></div>
</div>
<br/>
</div>
<div class=\"header\">
<head:Banner id=\"Banner\" runat=\"server\"></head:Banner>
</div>
<div class=\"pane\">
<paneesktopThreePanes id=\"ThreePanes\" runat=\"server\"></paneesktopThreePanes>
</div>
<div class=\"footer\">
<foot:Footer id=\"Footer\" runat=\"server\"></foot:Footer>
</div>
</div>
<menu:Infragistics id=\"mainnavi\" runat=\"server\" Bind=\"bindoptiontop\" Visible=\"false\"></menu:Infragistics>
Beitrag geändert: 9.5.2008 12:05:28 von skorpion1976 -
Ich bedanke mich bei allen, ich habe den Fehler gefunden musste nur die Höhe festsetzen in den divs vom mainmenu.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
