Anhang 42537Anhang 42538Anhang 42539
hallo joomla kenner,
mein überarbeitetes übungstemplate http://agentur-g5.de/index.php/link-zum-beitrag wird in allen browsern unterschiedlich dargestellt (siehe screenshots FF aktuell, Chrome aktuell und IE 9, alle in windows 7). habe hier die möglichkeit div. browser FF, Chrome und IE 9 + 10 in den betriebssystemen windows XP, 7 und 8 anzusehen und z.t. sehr unterschiedliche anzeigen festgestellt.
- im FF ist eigentlich alles ok
- im IE 9 z.b. nicht mittig sondern linksbündig + min-height für navioben und contentblock wird ignoriert + headergrafik oben werbungag5_header.jpg wird mit 20px abstand vom oberen rand dargestellt.
- in Chrome paßt nur der abstand der headergrafik oben werbungag5_header.jpg nicht wird hier mit 19px nach unten verschoben.
bin neu im thema. gestalte zwar seit jahren websites, habe aber grundsätzlich nix mit der umsetzung zu tun. es wäre sehr nett wenn mir jemand aus der sackgasse helfen köpnnte. habe mir bereits einige schlaflose nächte um die ohren gehauen!! :?:cry:
merci im voraus und gruß mike :)
ps: hab mir die regeln für die themaeröffung angesehen und hoffe nix vergessen. falls doch was fehlt.....einfach melden!!
hier ist die template.css
und die index.php
hallo joomla kenner,
mein überarbeitetes übungstemplate http://agentur-g5.de/index.php/link-zum-beitrag wird in allen browsern unterschiedlich dargestellt (siehe screenshots FF aktuell, Chrome aktuell und IE 9, alle in windows 7). habe hier die möglichkeit div. browser FF, Chrome und IE 9 + 10 in den betriebssystemen windows XP, 7 und 8 anzusehen und z.t. sehr unterschiedliche anzeigen festgestellt.
- im FF ist eigentlich alles ok
- im IE 9 z.b. nicht mittig sondern linksbündig + min-height für navioben und contentblock wird ignoriert + headergrafik oben werbungag5_header.jpg wird mit 20px abstand vom oberen rand dargestellt.
- in Chrome paßt nur der abstand der headergrafik oben werbungag5_header.jpg nicht wird hier mit 19px nach unten verschoben.
bin neu im thema. gestalte zwar seit jahren websites, habe aber grundsätzlich nix mit der umsetzung zu tun. es wäre sehr nett wenn mir jemand aus der sackgasse helfen köpnnte. habe mir bereits einige schlaflose nächte um die ohren gehauen!! :?:cry:
merci im voraus und gruß mike :)
ps: hab mir die regeln für die themaeröffung angesehen und hoffe nix vergessen. falls doch was fehlt.....einfach melden!!
hier ist die template.css
Code:
@charset "utf-8";
html { height: 100.2%; }
body { background-image: url(../images/werbungag5_background.jpg); background-repeat: repeat-x; margin:0px; padding:0px; }
/**** KOPFbereich ****/
div#head { width: 971px; height: 150px; margin: 0px auto; background-image: url(../images/werbungag5_header.jpg); background-repeat: no-repeat; }
/**** TOPpmenue ****/
div#top { width: 971px; min-height: 30px; margin: 0px auto; border: 1px dotted blue; }
div#menutop { width: 596px; position: relative; right: 15px; top: 0px; float: right; font-family: verdana; font-size: 12px; color: #4bb1e5; border: 1px dotted blue; }
div#bc { width: 300px; position: relative; left: 15px; top: 0px; font-family: verdana; font-size: 10px; color: #4bb1e5; border: 1px dotted #4bb1e5; }
/**** CONTENTbereich ****/
div#allcontent { width: 971px; min-height: 480px; margin: 0px auto; border:1px solid red; }
div#news { width: 158px; float: right; font-family: verdana; font-size: 11px; border: 1px dotted blue; }
div#component { width: 574px; padding: 7px; float: right; font-family: verdana; font-size: 11px; border: 1px solid red; }
div#menu { width: 204px; padding: 7px; font-family: verdana; font-size: 12px; border: 1px solid green; }
/**** FOOTERbereich ****/
div#footerbackground { width: 100%; margin: 10px auto; background-image: url(../images/werbungag5_footerbackg.jpg); background-repeat: repeat-x; }
div#allfooter { width: 971px; height: 151px; margin: 0px auto; background-image: url(../images/werbungag5_footer.jpg); background-repeat: no-repeat; }
div#footer { width: 500px; position: relative; left: 20px; top: 125px; font-family: verdana; font-size: 11px; color: #4bb1e5; border: 1px dotted blue; }und die index.php
PHP-Code:
<?php
// No direct access.
defined('_JEXEC') or die;
JHTML::_('behavior.framework', true);
$app = JFactory::getApplication();
?>
<?php echo '<!DOCTYPE html>'; ?>
<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/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
</head>
<body>
<div id="head">
</div><!--#head end-->
<div id="top">
<div id="menutop"><jdoc:include type="modules" name="2menutop" style="xhtml" /></div><!--#menutop-->
<div id="bc"><jdoc:include type="modules" name="1bc" style="xhtml"/></div><!--#breadcrump-->
</div><!--#top end-->
<div id="allcontent">
<div id="news"><jdoc:include type="modules" name="4news" style="xhtml" /></div><!--#news-->
<div id="component"><jdoc:include type="component" style="xhtml"/></div><!--#component-->
<div id="menu"><jdoc:include type="modules" name="3menu" style="xhtml" /></div><!--#menu-->
</div><!--#allcontent end-->
<div style="clear:both;"></div>
<div id="footerbackground">
<div id="allfooter">
<div id="footer"><jdoc:include type="modules" name="5footer" style="xhtml" /></div><!--#footer end-->
</div><!--#allfooter end-->
</div><!--#footerbackground end-->
</body>
</html>