Darstellungsproblem

Webgau · 20. August 2008

So habe alle jetz umgepusselt, jetzt läufts

danke nochmal.

Maik · 20. August 2008

Fein

Sorry, dass ich hier nicht weiter eingreifen konnte, aber die vergangene Stunde wurde ich von meinem Bruder ans Telefon gebunden, und er hat nunmal Vorrang ;-)

Einen Tipp hab ich aber noch für dich, falls du zukünftig wieder einmal dem IE im Quirksmodus (wegen der XML-Deklaration vor'm Doctype) das horizontale Zentrieren einer Box im Viewport beibringen möchtest, da er in diesem Darstellungsmodus die margin-Deklaration nicht unterstützt, und sich von deinem angewandten Stylesheet ebenso wenig überzeugen lässt:

Code:

body
{
        line-height: 120%;
        font-size: 100%;
        background-color: #f4f4f4;
        color: #CCCCCC;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

#all
{
        margin-left: auto;
        margin-right: auto;
        text-align: center; 
        width: 806px;
}

Stattdessen muß das Stylesheet so lauten:

Code:

body
{
        line-height: 120%;
        font-size: 100%;
        background-color: #f4f4f4;
        color: #CCCCCC;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align:center; /* zentriert die Box #all im Dokumentkörper */
}

#all
{
        margin-left: auto;
        margin-right: auto;
        text-align:left; /* hebt text-align:center wieder auf, damit die Eigenschaft nicht an die Nachfahren vererbt wird */
        width: 806px;
}

mfg Maik

Webgau · 21. August 2008

moin,

habe das ganze mal aller Mike probiert

, (vielen dank nocheinmal) und den ganzen css code von vorne begonnen. Allerdings habe ich jetzt das Problem das die grafiken im FF nicht richtig angezeigt werden. Unter jedem background bild ist jetzt immer eine kleine linie vom Hintergrung ?

hier mal die Seite: webgau.de

hier der css code:

Code:

body
{
	line-height: 120%;
	font-size: 100%;
	background-color: #f4f4f4;
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center; /* zentriert die Box #all im Dokumentkörper */
}

#all
{
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* hebt text-align:center wieder auf, damit die Eigenschaft nicht an die Nachfahren vererbt wird */
	width: 806px;
}

img
{
	border: none;
}

/* Kopfbereich */
#header
{
	background: url(../images/header.gif) no-repeat;
	height: 84px;
}

#top_menu
{
	background: url(../images/menu.gif) no-repeat;
	height: 50px;
}

#logo
{
	background: url(../images/logo.png) no-repeat;
	height: 130px;
}

#content
{
	background: url(../images/center.gif) repeat-y;
}

.clearDiv
{ 
	font-size: 1px;
    line-height: 0em;
    height: 0;
    clear: both;
}

hier der html code

Code:

<?php
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
	<jdoc:include type="head" />
	<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/feuerwehr/css/template.css" type="text/css" />
	<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/feuerwehr/javascript/md_stylechanger.js"></script>
</head>
<body>

<div id="all">
	<div id="header"></div>
    <div id="top_menu"></div>
    <div id="logo"></div>
    <div id="content">
    	<div class="clearDiv"></div>
    </div>
</div>

</body>
</html>

grüße mirko

Maik · 21. August 2008

Hi,

hast du zwischenzeitlich die Ursache entdeckt und behoben?

Ich kann nämlich (mit meinen Adleraugen) keine Lücken entdecken, in denen der (Seiten-)Hintergrund durchscheint.

mfg Maik

Webgau · 21. August 2008

ich denke fast das es an den einstellungen vom FF3 liegt. kann man den firefox irgendwie zurücksetzen?

Maik · 21. August 2008

Also ich konnte heute Mittag keine Darstellungsunterschiede zwischen FF 2 + 3 entdecken.

Was meinst du mit "zurücksetzen"? Auf FF2 "downgraden"?

Um solchen "Maßnahmen" ganz elegant aus dem Weg zu gehen, hab ich die aktuelle Version auf meinem System parallel installiert - ich hab hier sogar noch FF 1.5.x "griffbereit"

mfg Maik

Webgau · 21. August 2008

ne ich denke mal das irgendwelche einstellungen in meinem firefox nicht stimmen, weil auf meinem anderen rechner sieht auch alles ok aus, deshalb habe ich gefragt ob man den ff zurücksetzen kann, quasi in die werkseinstellung

. Opera & Co mekern auch nicht rum. grüße

Maik · 21. August 2008

Ich wüsste nicht, mit welcher bzw. welchen Einstellungen man FF dazu bringt, unterhalb der Hintergrundbilder im Layout eine Linie (Lücke) anzuzeigen, in der der Seitenhintergrund "durchscheint" :suspekt:

mfg Maik

Webgau · 21. August 2008

Soll ja auch nicht das Thema sein

. Mich bedrückt schon wieder was anderes. Ich habe nun die linke Navigation fertiggestellt. Das problem ist nun die Subnavigation (a:active) im joomla fall

Code:

#current

. Beim klick auf einen Hauptbutton (ul li) wird das submenu (ul li ul li) mit der gleichen eigenschaft belegt (also vererbt) wie der hauptbutton. Erst wenn ich auf das submenu klicke funktioniert alles

.

hier der entsprechende CSS Text (siehe letzten 2)

Code:

#links ul 
{
	width: 182px;
	margin: 0; padding: 0px;
	font-size: 12px;
	text-indent: 10px;
}

* html #links ul 
{  /* Korrekturen fuer IE 5.x */
	width: 11.6em;
	w\idth: 182px;
	padding-left: 0;
	padd\ing-left: 0;
}
  
#links ul li 
{
	list-style: none;
	margin-bottom: 2px; padding: 0;
}

#links ul li ul 
{
    margin: 0 0 0 0; padding: 0;
}

#links ul li ul li 
{
	margin: 0 0;
	text-indent: 25px;
}
  
* html #links ul li ul li 
{  /* Korrektur fuer IE 5.x */
	margin-left: 1em;
	ma\rgin-left: 0;
}

#links ul a 
{
	display:block;
	padding: 0;
	text-decoration: none; font-weight: bold;
    color: #FFFFFF;
	background: url(../images/button.gif) no-repeat;
	line-height: 26px;
}
  
* html #links ul a 
{
	width: 100%;    /* Breitenangabe fuer IE 5.x */
	w\idth: 8.8em;  /* Breitenangabe fuer IE 6 */
}

#links ul li ul a 
{
	display:block;
	padding: 0;
	text-decoration: none; font-weight: bold;
    color: #000000;
	background: url(../images/sub_pfeil.jpg) no-repeat;
	line-height: 26px;
}

* html #links ul li ul li a 
{
	width: 100%;    /* Breitenangabe fuer IE 5.x */
	w\idth: 7.8em;  /* Breitenangabe fuer IE 6 */
}

#links ul li a:hover 
{
    color: #FFFF00;
	background: url(../images/button_hover.gif) no-repeat;
}

#links ul li ul li a:hover 
{
    color: #666666;
	background: url(../images/sub_pfeil_hover.jpg) no-repeat;
}

ul.menu li#current a  
{
	color:#FFFF00;
	background: url(../images/button_sub.gif) no-repeat;
}

ul.menu li ul li#current a
{
	color: #666666;
	background: url(../images/sub_pfeil_hover.jpg) no-repeat;
}

hm... eigentl. alles korrekt

Maik · 21. August 2008

Zu dem Problem hatte ich dir doch schon in deinem Thread CSS Subnavigation etwas geschrieben.

mfg Maik

Darstellungsproblem

Webgau

Mitglied

Maik

Webgau

Mitglied

Maik

Webgau

Mitglied

Maik

Webgau

Mitglied

Maik

Webgau

Mitglied

Maik

Neue Beiträge