Darstellungsprobleme
Eingetragen von MagicMatze (127)am 31.08.2007 - 14:52 Uhr in
Hiho,
nachdem meine Seite jetzt scho einigermaßen fertig ist, musste ich feststellen, dass der Internet Explorer (7) die Seite nicht korrekt darstellt!
http://magicmatze.ma.funpic.de/pr/
Zum Einen ist das das Logo, welches einfach eine Schrift ist und das andere ist der Hauptcontent + Rechte Sidebar, die unter der Linken Sidebar stehen. Also total deplaziert.
Ich habe das Theme alek 2 ein wenig umgeändert, damit es ein klassisches drei Spalten Layout hat.
<body>
<div id="header"><div id="betalogo"></div>
<div id="headerInner">
<div id="logowrapper">
<?php if ($logo) { ?><div id="logo">
<a href="<?php print $base_path ?>" title="<?php print t('mathiasdittrich.de') ?>"><img src="<?php print $logo ?>" alt="<?php print t('mathiasdittrich.de') ?>" /></a>
</div><?php } ?>
<?php if ($site_name) { ?><div id="siteName">
<a href="<?php print $base_path ?>" title="<?php print t('Home') ?>"><?php print $site_name ?></a>
</div><?php } ?>
<?php if ($site_slogan) { ?><p><?php print $site_slogan ?></p><?php } ?>
</div>
<div id="navigation">
<?php print theme('menu_links', $primary_links) ?>
</div>
</div>
</div>
<!-- main -->
<div id="main">
<!-- sidebars -->
<div id="secondaryContentLeft">
<?php if ($sidebar_left) { ?>
<div id="sidebarLeft">
<span id="topspan"></span>
<div class="sidebarLeft-content">
<?php print $sidebar_left ?>
</div>
<span id="bottomspan"></span>
</div>
<?php } ?>
<div id="mainInner">
<div id="primaryContent">
<div id="columns" style="width: <?php print riebel_get_primaryContent_width( $sidebar_left, $sidebar_right) ?>%;">
<?php if ($breadcrumb) { ?><div class="breadcrumb"><?php print $breadcrumb ?></div><?php } ?>
<?php if ($mission) { ?><div id="mission"><?php print $mission ?></div><?php } ?>
<?php if ($title) { ?><h1 class="pageTitle"><?php print $title ?></h1><?php } ?>
<?php if ($tabs) { ?><div class="tabs"><?php print $tabs ?></div><?php } ?>
<?php if ($help) { ?><div class="help"><?php print $help ?></div><?php } ?>
<?php if ($messages) { ?><div class="messages"><?php print $messages ?></div><?php } ?>
<?php print $content ?>
</div>
</div>
<!-- sidebars -->
<div id="secondaryContent">
<?php if ($sidebar_right) { ?>
<div id="sidebarRight">
<?php print $sidebar_right ?>
</div>
<?php } ?>
</div>
</div>
</div>
<!-- footer -->
<div class="FooterContain">
<div class="Footer">
<div class="FooterRecent">
<?php print $footer_left; ?>
</div>
<div class="FooterCommented">
<?php print $footer_middle; ?>
</div>
<div class="FooterPartners">
<?php print $footer_right; ?>
</div>
<div class="FooterCopy">
<p>
<a href="<?php print $GLOBALS['base_url'] ?>/rss.xml" title="Syndication"><acronym title="Really Simple Syndication">RSS</acronym></a>,
<a href="http://validator.w3.org/check?uri=referer" title="Valid XHTML"><acronym title="eXtensible Hyper Text Markup Language">XHTML</acronym></a>,
<a href="http://jigsaw.w3.org/css-validator/check/referer" title="Valid CSS"><acronym title="Cascading Style Sheet">CSS</acronym></a>
<?php if ($footer_message) { ?> | <?php print $footer_message ?><?php } ?>
</p>
<div class="seoposition">
Optimiert für Auflösung 1024x768 und höher.
</div>
</div>
</div>
</div>
<?php print $closure ?>
</body>Wo könnte hier der Fehler stecken?
- Anmelden oder Registrieren um Kommentare zu schreiben
Deine Seite ist im
am 31.08.2007 - 15:03 Uhr
Deine Seite ist im Wartungsmodus, so kann niemand gucken.
gruß pebosi
Okay. Ist wieder online. Im
am 31.08.2007 - 15:06 Uhr
Okay. Ist wieder online. Im obigen Code habe ich lediglich die divs verschoben.
Der orginal alek 2 code:
<body>
<div id="header">
<div id="headerInner">
<div id="logowrapper">
<?php if ($logo) { ?><div id="logo">
<a href="<?php print $base_path ?>" title="<?php print t('SEOposition.com') ?>"><img src="<?php print $logo ?>" alt="<?php print t('SEOposition.com - Internet Marketing') ?>" /></a>
</div><?php } ?>
<?php if ($site_name) { ?><div id="siteName">
<a href="<?php print $base_path ?>" title="<?php print t('Home') ?>"><?php print $site_name ?></a>
</div><?php } ?>
<?php if ($site_slogan) { ?><p><?php print $site_slogan ?></p><?php } ?>
</div>
<div id="navigation">
<?php print theme('menu_links', $primary_links) ?>
</div>
</div>
</div>
<!-- main -->
<div id="main">
<div id="mainInner">
<div id="primaryContent">
<div id="columns" style="width: <?php print alek_2_0_get_primaryContent_width( $sidebar_left, $sidebar_right) ?>%;">
<?php if ($breadcrumb) { ?><div class="breadcrumb"><?php print $breadcrumb ?></div><?php } ?>
<?php if ($mission) { ?><div id="mission"><?php print $mission ?></div><?php } ?>
<?php if ($title) { ?><h1 class="pageTitle"><?php print $title ?></h1><?php } ?>
<?php if ($tabs) { ?><div class="tabs"><?php print $tabs ?></div><?php } ?>
<?php if ($help) { ?><div class="help"><?php print $help ?></div><?php } ?>
<?php if ($messages) { ?><div class="messages"><?php print $messages ?></div><?php } ?>
<?php print $content ?>
</div>
</div>
<!-- sidebars -->
<div id="secondaryContent">
<?php if ($sidebar_left) { ?>
<div id="sidebarLeft">
<span id="topspan"></span>
<div class="sidebarLeft-content">
<?php print $sidebar_left ?>
</div>
<span id="bottomspan"></span>
</div>
<?php } ?>
<?php if ($sidebar_right) { ?>
<div id="sidebarRight">
<?php print $sidebar_right ?>
</div>
<?php } ?>
</div>
</div>
</div>
<!-- footer -->
<div class="FooterContain">
<div class="Footer">
<div class="FooterRecent">
<?php print $footer_left; ?>
</div>
<div class="FooterCommented">
<?php print $footer_middle; ?>
</div>
<div class="FooterPartners">
<?php print $footer_right; ?>
</div>
<div class="FooterCopy">
<p>
<a href="<?php print $GLOBALS['base_url'] ?>/rss.xml" title="Syndication"><acronym title="Really Simple Syndication">RSS</acronym></a>,
<a href="http://validator.w3.org/check?uri=referer" title="Valid XHTML"><acronym title="eXtensible Hyper Text Markup Language">XHTML</acronym></a>,
<a href="http://jigsaw.w3.org/css-validator/check/referer" title="Valid CSS"><acronym title="Cascading Style Sheet">CSS</acronym></a>
<?php if ($footer_message) { ?> | <?php print $footer_message ?><?php } ?>
</p>
<div class="seoposition">
<a href="http://www.seoposition.com/drupal-development/custom-drupal-cms-development.html">Drupal Themes Design</a> by SEOposition.com
</div>
</div>
</div>
</div>
<?php print $closure ?>
</body>
css..
am 31.08.2007 - 15:54 Uhr
wenn ich das so auf die schnelle richtig verstehe liegts an folgendem
alles wird von #main umklammert, welches width 100% hat, nach deinem CSS wäre das wohl das Browserfenster
in #main drin steckt #sidebarLeft { width: 230px; }
und dann kommt der Rest mit #mainInner {width: 100%;;}...was dann von #main erbt und wieder die Breite des Browserfensters wäre
...
die Sidebar kann also nicht "floaten", bzw. der folgende Content nicht danebenstehen, die Breitenangaben verhindern es
das Problem mit dem Logo-Text konnte ich so fix nicht nachvollziehen, kommt ggf. noch, falls ich am WE Zeit dafür finde
Also ich habe jetzt auch
am 31.08.2007 - 16:30 Uhr
Also ich habe jetzt auch nochmal getestet und zwar mit orginal alek 2.0 theme. Dort jeweils meine geänderte CSS sowie die geänderte page.tpl.php. In beiden Fällen standen die drei Spalten korrekt nebeneinander. Geänderte CSS + php Datei ergeben dann wieder das Fehlerhafte Gesamtbild.
Dabei ist mir aufgefallen, dass das Logo auch im orginal theme nicht ordnungsgemäß dargestellt wird.
edit:
habs jetzt korrigieren können! War CSS spezifisch.