Antworten auf deine Fragen:
Neues Thema erstellen

[Joomla!] jdoc:include type="component" macht Probleme im IE alle Versionen

S

smacks

Noch nicht viel geschrieben

Das eine Problem gelöst, folgt direkt das andere -.-

Die Seite macht soweit gute Fortschritte im Firefox u. co.

Im IE allerdings fehlen nach dem Content-Bereich alle anderen Elemente (News und Footer). Ursächlich hierfür scheint der Befehl "<jdoc:include type="component" styl="xhtml" /> zu sein. Nehme ich diesen aus dem Code heraus, tauchen die Elemente wieder auf.
Ein weiterer Anhaltspunkt scheint mein Override zu sein.
Um den Code Barrierefreier zu machen, habe ich schlicht den Ordern com_content aus dem Beez-Verzeichnis kopiert und in meinen Ordner unter "html" eingefügt.
Das funktioniert auf der zweiten Seite, bei der die Elemente verschwinden, die Startseite arbeitet jedoch weiterhin mit Tabellen O-o
Der Kompatibilitätsmodus hilft nicht.

Klingt alles mehr als seltsam befürchte ich :/

zunächst ein Screenshot zum vllt besseren verständnis:

links die Startseite, rechts die zweite seite

Was ich bisher probiert habe:

jQuery zu entfern hilft nicht.

Den beiden div-Containern "news" und "footer" statische Inhalte zu geben hilft nicht.

Auch die Beitragsart von "Beitrag Joomla Standard (o.ä.)" in "Blog" zu ändern hilft nicht.

Hab ebenfalls probiert, den Beitrag als nicht kategorisiert einzutragen, hat jedoch auch nicht geholfen.

Mehrfach die Joomla-spezifischen CSS-Einträge nach Problemen überprüft. (Diese komplett zu entfernen lieferte ebenfalls kein Ergebnis)


Hier mal die Codes:

index.php:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<jdoc:include type="head" />

<?php defined('_JEXEC') or die('Zugriff verboten');
JHTML::_('behavior.mootools');
?>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php
echo $this->template ?>/css/template.css" type="text/css" />
<script type="text/javascript" src="scripte/jquery.js"></script>
<script type="text/javascript" src="scripte/supersized.2.0.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
$(document).ready(function(){
$('#supersize').supersized();
});
/* ]]> */
</script>


</head>
<body>
<div id="supersize">
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/bg.jpg" />
</div>
<div id="wrapper">
<div id="header"></div>
<div class="clear"></div>
<div id="navhor"></div>
<div id="nav"><jdoc:include type="modules" name="left" style="xhtml" /></div>
<div id="content"><jdoc:include type="component" /></div>
<div id="news"></div>
<div class="clear"></div>
<div id="footer"><jdoc:include type="modules" name="footer" style="xhtml" /></div>
</div>
</body>
</html>
Zum Vergrößern anklicken....
template.css:
@charset "utf-8";
/* CSS Document */

* {
margin:0;
padding:0;
outline:none;
border:0;

}

body {
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
font-size:14px;

}

#supersize {

}

#supersize img, #supersize a {
height:100%;
width:100%;
position:fixed;
z-index: 0;
}

.clear {
clear:both;
}

#wrapper {
position: absolute;
left: 50%;
width: 1000px;
margin-left: -486px; /* negative Hälfte von width:972px */
top: 0;
}

#header {
background:url(../images/header.png) top no-repeat;
width:960px;
height:245px;
margin:auto;
position:relative;
z-index: 1;
float:left;

}

#navhor {
font-size:1.5em;
color:#FFF;
text-align:center;
position:relative;
z-index:1;

}


#nav {
background:url(../images/nav.png) no-repeat ;
width:166px;
height:559px;
margin:auto;
position:relative;
z-index:1;
float:left;

}

#nav .moduletable_menu {
margin:25px 0 0 25px;
width:130px;
}

#content {
background:url(../images/content.png) no-repeat;
width:680px;
height:704px;
margin:auto;
position:relative;
z-index:1;
float:left;

}

#content #page {
text-align:block;
overflow:auto;
width:615px;
height:630px;
margin:23px 0 0 37px;
position:relative;
z-index:1;
}

#content .contentheading {
margin:0 0 0 0;
}



#news {
background:url(../images/news.png) no-repeat;
width:143px;
height:574px;
margin:auto;
position:relative;
z-index:1;
border:1px;
float:left;
}

#footer {
background:url(../images/footer.png) no-repeat;
width:680px;
height:65px;
margin:auto;
position:relative;
z-index:1;
}

#footer .moduletable {
text-align:center;
padding:5px 0 0 0;
}
Zum Vergrößern anklicken....
Der Joomlacode auf der Startseite:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<base href="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="joomla, Joomla" />
<meta name="description" content="Modernspeycasting - Bert Schaaf, langjähriger Fliegenfischer, ist ihr AAPGAI Instructor." />
<meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
<title>modernspeycasting.de - home</title>
<link href="" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
<link href="" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>


<link rel="stylesheet" href="" type="text/css" />
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
<script type="text/javascript">
/* <![CDATA[ */
$(document).ready(function(){
$('#supersize').supersized();
});
/* ]]> */
</script>


</head>
<body>
<div id="supersize">
<img src="" />
</div>
<div id="wrapper">
<div id="header"></div>
<div class="clear"></div>
<div id="navhor"></div>
<div id="nav"> <div class="moduletable_menu">
<h3>Hauptmenü</h3>
<ul class="menu"><li id="current" class="active item1"><a href=""><span>Startseite</span></a></li><li class="item53"><a href=""><span>Warum Unterricht?</span></a></li><li class="item56"><a href=""><span>Was beinhaltet Modern Speycasting</span></a></li></ul> </div>
</div>
<div id="content"><div class="componentheading">
modernspeycasting.de - home</div>
<table class="blog" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">
<div>

<table class="contentpaneopen">




<tr>
<td valign="top" colspan="2">
<p class="MsoNormal">text der übersicht wegen gelöscht</p></td>
</tr>



</table>
<span class="article_separator">&nbsp;</span>
</div>
</td>
</tr>


</table>
</div>
<div id="news"></div>
<div class="clear"></div>
<div id="footer"> <div class="moduletable">
<div>Copyright © 2011 modern-speycasting.de. Alle Rechte vorbehalten.</div>
<div><a href="">Joomla!</a> ist freie, unter der <a href="">GNU/GPL-Lizenz</a> veröffentlichte Software.</div> </div>
</div>
</div>
</body>
</html>
Zum Vergrößern anklicken....
Joomlaquellcode von der zweiten Seite:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<base href="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="joomla, Joomla" />
<meta name="title" content="Warum Unterricht?" />
<meta name="author" content="Administrator" />
<meta name="description" content="Modernspeycasting - Bert Schaaf, langjähriger Fliegenfischer, ist ihr AAPGAI Instructor." />
<meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
<title>Warum Unterricht?</title>
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>


<link rel="stylesheet" href="" type="text/css" />
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
<script type="text/javascript">
/* <![CDATA[ */
$(document).ready(function(){
$('#supersize').supersized();
});
/* ]]> */
</script>


</head>
<body>
<div id="supersize">
<img src="" />
</div>
<div id="wrapper">
<div id="header"></div>
<div class="clear"></div>
<div id="navhor"></div>
<div id="nav"> <div class="moduletable_menu">
<h3>Hauptmenü</h3>
<ul class="menu"><li class="item1"><a href=""><span>Startseite</span></a></li><li id="current" class="active item53"><a href=""><span>Warum Unterricht?</span></a></li><li class="item56"><a href=""><span>Was beinhaltet Modern Speycasting</span></a></li></ul> </div>
</div>
<div id="content">
<div id="page">



<h2 class="contentheading">
Warum Unterricht?</h2>



<p class="buttonheading">
</p>




<p><!--[if gte mso 9]><xml> <w:WordDocument> <w:View>Normal</w:View> <w:Zoom>0</w:Zoom> <w:HyphenationZone>21</w:HyphenationZone> <w:punctuationKerning /> <w:ValidateAgainstSchemas /> <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid> <w:IgnoreMixedContent>false</w:IgnoreMixedContent> <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText> <w:Compatibility> <w:BreakWrappedTables /> <w:SnapToGridInCell /> <w:WrapTextWithPunct /> <w:UseAsianBreakRules /> <w:DontGrowAutofit /> </w:Compatibility> <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel> </w:WordDocument> </xml><![endif]--><!--[if gte mso 9]><xml> <w:LatentStyles DefLockedState="false" LatentStyleCount="156"> </w:LatentStyles> </xml><![endif]--><!--[if gte mso 10]> <mce:style><! /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Normale Tabelle"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin:0cm; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:10.0pt; font-family:"Times New Roman"; mso-ansi-language:#0400; mso-fareast-language:#0400; mso-bidi-language:#0400;} --> <!--[endif]--></p>
<p class="MsoNormal">text der Übersicht wegen gelöscht</p>


</div>
</div>
<div id="news"></div>
<div class="clear"></div>
<div id="footer"> <div class="moduletable">
<div>Copyright © 2011 modern-speycasting.de. Alle Rechte vorbehalten.</div>
<div><a href="">Joomla!</a> ist freie, unter der <a href="">GNU/GPL-Lizenz</a> veröffentlichte Software.</div> </div>
</div>
</div>
</body>
</html>
Zum Vergrößern anklicken....
Ich weiß, dass das wahrscheinlich eine riesen Arbeit ist, sich da durch zu arbeiten, aber es wäre echt große Klasse, wenn mir jemand mein Problem lösen könnte :)

freundliche Grüße,
smacks
 
CrazyLopp

CrazyLopp

Hat es drauf

AW: [Joomla!] jdoc:include type="component" macht Probleme im IE alle Versionen

Hast du Änderungen an den Dateien vom Beez Template gemacht, bzw. es mal zu Testen wenn du denn Ordner wieder raus nimmst?

Wenn ein Fehler in einer der Dateien vom Beez Template ist wirkt sich das natürlich auch auf deine Seite aus, denn diese Dateien sagen ja wie der inhalt dargestellt werden soll...


Beste Grüße
Crazylopp
 
S

Samuelll

Aktives Mitglied

AW: [Joomla!] jdoc:include type="component" macht Probleme im IE alle Versionen

Basic-Hinweise :

Der Tag

<jdoc:include type="component" />

bekommt keinen Style.

Weiterhin hattest du im Style einen Schreibfehler, das E fehlte am Ende.

Nimm ruhig den ganzen inhalt des HTML Ordners aus dem Beez-Template.
Es gibt noch mehrere Stellen wo das Sinn macht.
 
H

Helrunar74

CMS-Bastler

AW: [Joomla!] jdoc:include type="component" macht Probleme im IE alle Versionen

Und vor allen nimm hier mal die echo raus

PHP: 
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php
echo $this->template ?>/css/template.css" type="text/css" />
Generell ist es eh besser die css und Scripte nach diesem Muster einzubinden

PHP: 
<?php
$document = & JFactory::getDocument();
$document->addScript( $this->baseurl.'/media/system/js/tabs.js' );
$document->addScript( $this->baseurl.'/templates/'.$this->template.'/js/slimbox.js' );
$document->addStyleSheet( $this->baseurl.'/templates/'.$this->template.'/css/tabs.css' );
$document->addStyleSheet( $this->baseurl.'/templates/system/css/system.css' );
$document->addStyleSheet( $this->baseurl.'/templates/system/css/general.css' );
$document->addStyleSheet( $this->baseurl.'/templates/'.$this->template.'/css/reset.css' );
$document->addStyleSheet( $this->baseurl.'/templates/'.$this->template.'/css/template.css' );
$document->addStyleSheet( $this->baseurl.'/templates/'.$this->template.'/css/menu.css' );
?>
Zudem benötigst Du, soweit ich weis, auch diverse css-Anweisungen des Beez wenn Du desssen Overrides verwenden möchtest.


Edit: Alternativ kannst Du auch die Overrides von Yootheme benutzen
 
Zuletzt bearbeitet:
S

Samuelll

Aktives Mitglied

AW: [Joomla!] jdoc:include type="component" macht Probleme im IE alle Versionen

@ Helrunar: Wieso willst du unbedingt dieEchos vermeiden ?
Das ist doch derzeit die Standardtechnik, wnen du in Joomla-Templates schaust. Was spricht dagegen ?
 
H

Helrunar74

CMS-Bastler

AW: [Joomla!] jdoc:include type="component" macht Probleme im IE alle Versionen

Ok, teilweise mein Fehler, aber das zweite echo ist überflüssig. Aussehen sollte es dann schon so

PHP: 
<link rel="stylesheet" href="<?php echo $this->baseurl.'/templates/'.$this->template.'/css/reset.css'; ?>" type="text/css" />

Dennoch halte ich den Weg über

PHP: 
$document->addStyleSheet

generell für besser.
 
S

Samuelll

Aktives Mitglied

AW: [Joomla!] jdoc:include type="component" macht Probleme im IE alle Versionen

QHelrunar : Warum hältst du den Weg für besser ?

Vielleicht lern ich ja nochwas oder hab was interessantes übersehen !?
 
H

Helrunar74

CMS-Bastler

AW: [Joomla!] jdoc:include type="component" macht Probleme im IE alle Versionen

Zum einen nutzt Du auf diesem Weg das Framework und zum anderen, falls Du z.B. mit jSeblod CCK arbeiten solltest, umgehst Du auf diesem Wege Validierungsfehler in Subtemplates, da Deine CSS-Dateien und die Scripte direkt in den Header geladen werden können ;)
 
S

Samuelll

Aktives Mitglied

AW: [Joomla!] jdoc:include type="component" macht Probleme im IE alle Versionen

@ Helrunar :
Das Framework nutzt man so ja auch. Nur nicht voll.

Aber Dein Einwand klingt plausibel, auch wenn ich dieses und andere CCKs visher nicht genutzt habe.

Danke für den Hinweis. Wieder was dazu gelernt :)
 
S

smacks

Noch nicht viel geschrieben

AW: [Joomla!] jdoc:include type="component" macht Probleme im IE alle Versionen

Danke für die allgemeinen Hinweise, die werden mir in Zukunft helfen.
Der Hund lag jedoch wo ganz anders begraben.

Scheinbar ist es ein absolutes NoGo Texte direkt aus Word zu kopieren, denn dann fügt Joomla pro Zeilenumbruch scheinbar <p class="Mso(womöglich für Microsoft Office?)normal"> ein, was der InternetExplorer überhaupt nicht mag.
Naja, von Word in Texteditor und dann in Joomla-Editor kopiert, siehe da, nur noch ein <p>-tag und die Seite funzt einwandfrei :D

Bis demnächst,
smacks
 
S

Samuelll

Aktives Mitglied

AW: [Joomla!] jdoc:include type="component" macht Probleme im IE alle Versionen

Jep. Das ist so sehr noGo, dass man es eigentlich als Standard bezeichnen kann.
Textverarbeitungsprogramme wie Offive setzen immer Formatierungszeichen, analog zB zum <p></p> P-Tag in HTML um ihre Inhalte zu formatieren.
Diese werden dann natürlich mitkopiert und zerschiessen in der Regel das LAyout, wenn sie nicht herausgefiltert werden :)
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden
Zu den Gratis-Inhalten

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Gesamt: 221 (Mitglieder: 5, Gäste: 216)
Robots: 1.045

Statistik des Forums

Themen
118.614
Beiträge
1.538.351
Mitglieder
67.525
Neuestes Mitglied
mgtaucher
Oben