Druckbare Version
Hallo Community,
also ich habe ja schon so einige Internetseiten erstellt aber nun verzweifel ist.
Ich habe alles schon angelegt und bin nun an dem Punkt wo unter meinen Footerbereich aufeinmal einen Mauszeiger große Lücke ist die ich mit Anpassung der Wrappers und Main oder Body nicht wegbekomme.
Vielleicht hat einer eine Lösung wo ich was übersehen habe, aber ich bin am Ende.
Ohne Source können wir nur ins Blaue schießen ;)
Anbei der Quellcode, ich hoffe ihr könnt mir da helfen.
Das einzige was mich auch bei Contao stört das der den Quellcode so ausbläst mit Leerzeichen.
Code:<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Startseite - kommt noch</title>
<base href="http://overhead-design.de/">
<meta name="robots" content="index,follow">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="generator" content="Contao Open Source CMS">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="stylesheet" href="assets/css/bf7024e732fb.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.js"></script>
<script src="assets/js/11bdb23427e3.js"></script>
<!--[if lt IE 9]><script src="assets/html5shiv/3.6.2/html5shiv.js"></script><![endif]-->
</head>
<body id="top" class="win chrome webkit ch28">
<div id="wrapper">
<div id="container">
<div id="main">
<div class="inside">
<div class="mod_article block" id="head">
<header>
<div class="content">
<ul class="headul">
<li class="first">
<div class="ce_image logo block">
<figure class="image_container">
<a href="#" title="Go to Top">
<img src="files/overheaddesign/images/pagelogo.png" width="164" height="135" alt="overHead Design Logo" title="Go to Top">
</a>
</figure>
</div>
</li>
<li class="second">
<ul class="navi">
<li class="first">
<div class="ce_hyperlink block">
<a href="start.html#leistungen" class="hyperlink_txt" title="Leistungen" rel="">
Leistungen </a>
</div>
</li>
<li class="second">
<div class="ce_hyperlink block">
<a href="start.html#kontakt" class="hyperlink_txt" title="Kontakt" rel="">
Kontakt </a>
</div>
</li>
</ul>
</li>
</ul>
</div>
</header>
</div>
<div class="mod_article block" id="ref_panel">
<section class="panel"><div class="ce_EdgeAnimation block">
<object id="Panel" height="385" width="1030" type = "Text/html" data="files/EdgeAnimations/Panel/Assets/panel.html"></object>
</div>
</section>
</div>
<div class="mod_article block" id="leistungen">
<section class="leis_dot">
<div class="ce_image block">
<figure class="image_container">
<img src="files/overheaddesign/images/punkte.png" width="205" height="27" alt="leistung_dot" title="Leistung Topic">
</figure>
</div>
</section>
<ul class="leistungen">
<li class="first">
<div class="ce_text webdesign block">
<h1>Ihr professioneller Webauftritt im Internet</h1>
<figure class="image_container float_left" style="padding:0px 5px 0px 0px; float:left;">
<img src="assets/images/b/webdesign-c694defb.png" width="77" height="90" alt="Webdesign" title="Leistung Webdesign - overHead Design">
</figure>
<p>Die Wahrnehmung Ihres Webauftrittes im Internet ist auch eine Art Werbung für Ihr Unternehmen. <br>Ich möchte Sie als erfahrener Webdesigner bei der Beratung, Zielsetzung Layoutentwicklung und Umsetzung unterstützen und biete kleinen und mittelständigen Unternehmen individuelle und wirksame Lösungen im Bereich Webdesign.</p>
</div>
<div class="ce_text cms block">
<h1>Verwalten Sie Ihre Internetseite kinderleicht</h1>
<figure class="image_container float_left" style="float:left;">
<img src="assets/images/3/cms-0161d823.png" width="77" height="90" alt="cms" title="Leistung Content Management System - overHead Design">
</figure>
<p>Mit einem Content Management System kurz CMS können Sie Ihre Inhalte ganz einfach und ohne fachliche Vorkenntnisse verwalten. Ihre Mitarbeiter können nach kurzer Einarbeitungszeit ihr Internetseite verwalten und pflegen. Ein Content Management System gibt Ihnen auch die Möglichkeit jederzeit Ihre Internetseite zu erweitern und nach Ihren Vorstellungen anzupassen.</p>
</div>
</li>
<li class="second">
<div class="ce_text werbung block">
<h1>Bringen Sie Ihre Firma in den Vordergrund</h1>
<figure class="image_container float_left" style="float:left;">
<img src="assets/images/3/werbung-69c32fd3.png" width="77" height="90" alt="werbung" title="Leistung Werbung - overHead Design">
</figure>
<p>Ob Flyer, Prospekte, Visitenkarten, Aufsteller, Planen, Briefumschläge uvm. geben Ihrer Firma ein positives Erscheinungsbild. Ich erstelle Ihnen gern hochwerte Drucksachen. Sie nennen mir Ihre Vorstellungen und ich erstelle Ihnen ein Design zu Ihren Drucksachen. Sie wollen ein neues Unternehmen gründen oder eine Werbeaktion starten, ich kann Ihnen dabei helfen Ihr Unternehmen gegenüber Ihren Kunden professionell und seriös zu erscheinen.</p>
</div>
<div class="ce_text ecommerce block">
<h1>Eröffnen Sie ihr eigenes Online-Geschäft mit Magento!</h1>
<figure class="image_container float_left" style="padding-right:5px; float:left;">
<img src="assets/images/1/ecommerce-8e9163d1.png" width="77" height="90" alt="ecommerce" title="Leistung eCommerce - overHead Design">
</figure>
<p>Eröffnen Sie Ihr Geschäft auch Online um auch weltweit und jederzeit für Ihre Kunden erreichbar zu sein. Ihr Onlineshop kann von mir individuell gestaltet werden und durch eine benutzerfreundliche Strukur dem Kunde ein gemütliches Shopping-Gefühl geben. Magento besitzt eine Reihe von Funktionen und kann im eCommerce Softwarekampf sehr gut mithalten.</p>
</div>
</li>
<li class="third">
<div class="ce_text logo block">
<h1>Das Wiedererkennungsmerkmal Ihrer Firma</h1>
<figure class="image_container float_left" style="float:left;">
<img src="assets/images/5/logo-9f8a00a5.png" width="77" height="90" alt="logo" title="Leistung Logo - overHead Design">
</figure>
<p>Ein Logo sollte prägnant und wiedererkennbar sein und als Identifikationsmerkmal für das gesamte Unternehmen stehen. Ich gestalte Ihnen ein individuelles Logo um Ihre Firmenunterlagen, Flyer, Visitenkarten uvm. in einem einheitlichen Erscheinungsbild dem Kunde gegenüber zu stehen.</p>
</div>
<div class="ce_text webhosting block">
<h1>Ihre Hausnummer im Internet</h1>
<figure class="image_container float_left" style="padding-right:5px; float:left;">
<img src="assets/images/e/webhosting-af13c95e.png" width="77" height="90" alt="webhosting" title="Leistung Webhosting - overHead Design">
</figure>
<p>Sie suchen sich Ihre Internetadresse raus und wir beraten und richten Ihnen ihr Internetpaket ein. Sichern Sie sich gleich heute noch Ihren Wunschnamen.</p>
</div>
</li>
</ul>
</div>
<div class="mod_article block" id="kontakt">
<div class="kline"></div>
</div>
</div>
</div>
</div>
</div>
<script src="system/modules/jquery-smooth-scroll/assets/jquery.smooth-scroll.min.js"></script>
<script>
(function($) {
$(document).ready(function() {
$('a').smoothScroll({
// Put custom options here
easing: 'swing',
speed: 400,
});
});
})(jQuery);
</script>
<script src="assets/jquery/tablesorter/2.0.5/js/tablesorter.js"></script>
<script>
(function($) {
$(document).ready(function() {
$('.ce_table .sortable').each(function(i, table) {
$(table).tablesorter();
});
});
})(jQuery);
</script>
<script>
setTimeout(function(){jQuery.ajax("system/cron/cron.txt",{complete:function(e){var t=e.responseText||0;parseInt(t)<Math.round(+(new Date)/1e3)-86400&&jQuery.ajax("system/cron/cron.php")}})},5e3)
</script>
</body>
</html>
Hmm, ein Link wäre sicher besser.
Macht die Analyse schneller.
Gruß, Cliff
Naja die Seite ist ja noch nicht fertig des wegen gibt es die nur versteckt und das ist dann leider für euch nicht sichtbar.
Dann muss ich die wohl doch erst fertig stellen, online stellen und dann euch nochmal drüber schauen lassen.
Der Abstand kommt höchstwahrscheinlich durch irgendeine CSS-Einstellung, entsprechend bringt uns der HTML-Code kaum etwas. Wie schon weiter oben geschrieben wurde, solltest du also den Link posten sobald die Website online ist.
Hallo Leute,
so ich bin noch nicht drauf gekommen.
Hier der Link fertig ist sie immer noch nicht.
http://overhead-design.de/test_start.html
Ach ja ich habe extra den Wrapper rot gelassen damit ihr seht das die Lücke nach dem Wrapper ist.
Ich hoffe ihr könnt mir helfen.
Hast zuviel im Quelltext rumgespielt - das Wrapper Div ist nicht ordentlich geschlossen.
Hallo,
kannst du mir sagen wieviele divs ich hinzufügen muss oder weg machen muss.
Hatte die divs schon durchgeschaut.
Ich hab mir den Link nicht angesehen aber ich könnte wetten der Abstand kommt von folgendem Code aus dem Contao Core:
Weswegen ich in der Contao Boilerplate den Punkt durch ein Leerzeichen ersetzt habe. Der Punkt bringt in manchen Konstellationen einen unsichtbaren Abstand, den man nur sehr schwer debuggen kann. Überschreibe den Code einfach durch diesen hier in deiner eigenen CSS-Datei: https://github.com/andreasisaak/cont...ao.css#L69-L76Code:#container:after,
.custom:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
Hab mir den Link angesehen und ich habe Recht. Der Punkt in content="." ist schuld.
Hallo,
also das hat echt geholfen.
Aber mal ne frage kann man das nicht mal an das Contaoteam weitergeben damit die das fixen?
Klar. Schreib ein Ticket im offiziellen Contao Ticketsystem:
https://github.com/contao/core/issues
Hallo Leute,
der Absatz ließe sich auch mit dem Zusatz "font-size:0;" entfernen.
Scheinbar wird die Schriftgröße bei dem Punkt vom Browser berücksichtigt und bei einem Leerzeichen nicht.
Naja, Problem ist ja so oder so gelößt.
Gruß
tschero
So oder so bleibt es ein Bug in Contao :) Wäre super wenn ihr das melden würdet.
So ich wollte gerade ein Ticket schreiben.
Und ich hab aber kein Account ... vielleicht meldet das ja jemand anders.
Es gibt da schon ein Ticket dafür und es ist in 3.2 schon gefixt.
https://github.com/contao/core/issues/6203