Suche auf lima-city
-
in: Was haltet ihr von Bettellinks?
geschrieben von skorpion1976
Wie meinst du das mit verschlechtert den Gesamteindruck?
Das verschlechtert den Gesamteindruck d.h. die Seriösität einer Seite. Bei professionellen Firmenseiten sollte man darauf verzichten, aber das ist ja logisch. ;) -
in: IE7 vs Mozilla
geschrieben von skorpion1976
Ich bedanke mich bei allen, ich habe den Fehler gefunden musste nur die Höhe festsetzen in den divs vom mainmenu. -
in: IE7 vs Mozilla
geschrieben von skorpion1976
so und die Kopie vom Quellcode
http://skorpion1976.lima-city.de/quellcode.jpg -
in: IE7 vs Mozilla
geschrieben von skorpion1976
@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 -
in: IE7 vs Mozilla
geschrieben von skorpion1976
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 -
in: IE7 vs Mozilla
geschrieben von skorpion1976
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 -
in: Problem mit der Höhe
geschrieben von skorpion1976
habe deinen rat befolgt, super danke dir alles geklappt. content left und right rausgenommen nun geht es ich hoffe es geht auch im CMS
<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\"//\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
<html xmlns=\"http://www.w3.org/1999/xhtml\">
<head>
<title>Ihr Hotel</title>
<link type=\"text/css\" rel=\"stylesheet\" href=\"css.css\"/>
</head>
<body>
<div class=\"layout\">
<div class=\"header\">
<div class=\"logo\">
<div class=\"deutsch\">
</div>
<div class=\"englisch\">
</div>
</div>
<div class=\"bilder\">
</div>
<br/>
</div>
<div class=\"mainmenu\" style=\"height: 46px;\">
<div class=\"left\"></div>
<div class=\"center\"></div>
<div class=\"right\"></div>
</div>
<div class=\"content\">
„Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore<br />
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis<br />
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure<br />
Anscheinend gibt es wirklich keine Möglichkeit, einen variablen Spacer mittels CSS zu erzeugen. Theoretisch sollte es möglich sein, <br />
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero <br />
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure <br />
Anscheinend gibt es wirklich keine Möglichkeit, einen variablen Spacer mittels CSS zu erzeugen. Theoretisch sollte es möglich sein, etwas ähnliches <br />
</div>
<div class=\"footer\">
<div class=\"left\"></div>
<div class=\"center\"></div>
<div class=\"right\"></div>
</div>
</div>
</body>
</html>
Beitrag geändert: 8.5.2008 13:33:20 von skorpion1976 -
in: Problem mit der Höhe
geschrieben von skorpion1976
hehe danke habe ich ihm vorpost nachgetragen -
in: Problem mit der Höhe
geschrieben von skorpion1976
erstmal danke bis hierher.
@robin das habe ich schon probiert das klappt nicht
@ryanblack das probiere ich mal schnell hier die HTML
<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\"//\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
<html xmlns=\"http://www.w3.org/1999/xhtml\">
<head>
<title>Seite</title>
<link type=\"text/css\" rel=\"stylesheet\" href=\"css.css\"/>
</head>
<body>
<div class=\"layout\">
<div class=\"header\">
<div class=\"logo\">
<div class=\"deutsch\">
</div>
<div class=\"englisch\">
</div>
</div>
<div class=\"bilder\">
</div>
<br/>
</div>
<div class=\"mainmenu\">
<div class=\"left\"></div>
<div class=\"center\"></div>
<div class=\"right\"></div>
</div>
<div class=\"content\">
<div class=\"left\"></div>
<div class=\"center\">„Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</div>
<div class=\"right\"></div>
</div>
<div class=\"footer\">
<div class=\"left\"></div>
<div class=\"center\"></div>
<div class=\"right\"></div>
</div>
</div>
</body>
</html>
So das war HTML nun kommt noch mal die Stylesheets
body
{
background-image: url(\'img/background.jpg\');
}
.layout
{
width: 915px;
margin:0 auto;
margin-top:20px;
}
.layout .header .logo
{
width:915px;
height:126px;
background-image: url(\'img/header/header3.png\');
background-repeat: no-repeat;
}
.layout .header .logo .deutsch
{
width:26px;
height:18px;
background-image:url(\'img/header/fahne-deutschland.png\');
background-repeat:no-repeat;
float:right;
margin-right: 15px;
margin-top:100px;
}
.layout .header .logo .englisch
{
width:26px;
height:18px;
background-image:url(\'img/header/fahne-england.png\');
background-repeat:no-repeat;
float:right;
margin-top:100px;
}
.layout .header .bilder
{
width:900px;
height:98px;
background-image: url(\'img/header/header2.png\');
background-repeat: no-repeat;
margin-left: 0px;
}
.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;
}
.content
{
clear:both;
}
.content .left
{
float: left;
width: 26px;
height:100%;
margin-left:auto;
background-color: white;
background-repeat: no-repeat;
}
.content .center
{
float: left;
width:850px;
background-color:white;
}
.content .right
{
float: left;
width: 26px;
background-image: url(\'img/content/rechtsrand_content.png\');
background-repeat: no-repeat;
}
.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;
}
Beitrag geändert: 8.5.2008 13:22:10 von skorpion1976 -
in: Problem mit der Höhe
geschrieben von skorpion1976
Es geht eigentlich darum, das der linke und rechte Bereich sich in der Höhe dynamisch zum Content-Bereich anpassen soll, das heisst es wird automatisch erweitert nach unten.
Also das Problem liegt nur bei Content right und left der Content center ist voll ok so. left und right darf keine festgelegte Höhe haben. -
in: Problem mit der Höhe
geschrieben von skorpion1976
Hallo es geht um folgende Seite,
http://kurelom.lima-city.de/Seite.gif
Mein Problem dabei ist, das die beiden Seitenkanten nicht vorhanden sind. Durch die runden Ecken musste ich sie als einzelndes div ausschneiden.
Der Content (der mittlere Teil mit Schrift) ist automatisch erweiterbar, die beiden Seitenkanten allerdings nicht. Das Problem dabei ist es darf kein Bild sein und mit Text werden sie auch nicht befüllt.
Sie sollen einfach nur nach unten automatisch weiter laufen, was sie nicht tun, habe da schon alle möglichen Sachen ausprobiert. ich stelle dadrunter noch mal die drei css dateien, die den Bereich beschreiben.
Ich habe da schon alle Möglichen Sachen wieder rausgeworfen, wie height und overflow etc
Es geht eigentlich darum, das der linke und rechte Bereich sich in der Höhe dynamisch zum Content-Bereich anpassen soll.
body
{
background-image: url(\'img/background.jpg\');
}
.layout
{
width: 915px;
margin:0 auto;
margin-top:20px;
}
.......................
.content
{
clear:both;
}
.content .left
{
float: left;
width: 26px;
background-image: url(\'img/content/links_rand_content.png\');
background-color: white;
background-repeat: no-repeat;
}
.content .center
{
float: left;
width:850px;
background-color:white;
}
.content .right
{
float: left;
width: 26px;
background-image: url(\'img/content/rechtsrand_content.png\');
background-repeat: no-repeat;
}
Beitrag geändert: 8.5.2008 12:19:45 von skorpion1976