Seitenabschluss - div tag Problem

mille81

Hallo,

auf meiner Startseite PBSC Wolfsburg e.V. sieht das von mir angepasste Theme genauso aus wie ich es gern hätte.

Klicke ich z.B. hierhin Ironwolves at PBSC Wolfsburg e.V.
wird unten nochmal eine Linie angezeigt.

Ich nehme an, dass es irgendwas mit dem div tag in der footer.php oder der page.php nicht richtig ist. Nehme ich den untersten tag z.B. weg haut er mir ne Lücke zwischen footer und seite. ergänze ich ein div tag bleibt es wie es ist.

Woran kann das liegen?

PS: Ich poste nachher mal den Quellcode.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Monika

hi nicht erschrecken , das sind einige Fehler , die man mal ignorieren kann -derzeit-
aber da meldet der Validator wo ein div was da nicht hingehört

[Invalid] Markup Validation of http://neu.ironwolves.de/?page_id=5 - W3C Markup Validator

klickst du auf *show source* und revalidate siehst du die Zeile genauer

solange da solche Fehler drin sind kann man nämlich nicht wirklich eruieren woher das kommt

lg

mille81

Hallo!

erst jetzt wieder Zeit und Lust gehabt... *schäm*

Auf der Startseite, also mit der index.php gibt es das Problem nicht.
siehe PBSC Wolfsburg e.V.

Bei der single.php sehts völlig komisch aus:
siehe Mitgliederversammlung 2008 am Sonntag, 03.02.2008 at PBSC Wolfsburg e.V.

Auf der Seite mit page.php jedoch ist es wieder ein anderer Fehler
siehe Ironwolves at PBSC Wolfsburg e.V.

Die Div Tags sind alle korrekt geschlossen denke ich. Bennenne ich die page.php um zieht er sich ja die index.php, und dann funzt die Anzeige.

Hier mal der Inhalt:
header.php

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>


<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />


<title><?php wp_title(''); if (function_exists('is_tag') and is_tag()) { ?>Tag Archive for <?php echo get_query_var('tag'); } if (is_archive()) { ?> archive<?php } elseif (is_search()) { ?> Search for <?php echo get_query_var('s'); } if ( !(is_404()) and (is_search()) or (is_single()) or (is_page()) or (function_exists('is_tag') and is_tag()) or (is_archive()) ) { ?> at <?php } ?> <?php bloginfo('name'); ?></title>


<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="shortcut icon" href="<?php bloginfo('home'); ?>/favicon.ico" type="image/x-icon" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/anicollapse.js"></script>


<?php wp_head(); ?>


</head>


<body>
     <br />
<div id="page">


<img src="<?php bloginfo('template_directory'); ?>/images/losemymindheader.jpg" border="0" usemap="#Navi_Map">
    
<map name="Navi_Map" id="Navi_Map">
<area shape="rect" coords="357,46,436,79" href="./index.php" />
<area shape="rect" coords="359,90,449,122" href="./?page_id=3" />
<area shape="rect" coords="358,134,444,167" href="./forum/index.php" />
<area shape="rect" coords="484,45,599,82" href="./?page_id=4" />
<area shape="rect" coords="485,90,568,123" href="./coppermine/index.php?cat=3" />
<area shape="rect" coords="637,47,745,80" href="./?page_id=6" />
<area shape="rect" coords="636,91,712,124" href="./?page_id=5" />
</map>

Alles anzeigen

page.php

PHP

<?php get_header(); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>


    <div class="post" id="post-<?php the_ID(); ?>">
            
        <div class="entry">
            <?php the_content('Mehr lesen &raquo;'); ?>
        </div> <!-- .entry -->


    </div> <!-- .post -->
        
<?php endwhile; endif; ?>
<?php get_footer(); ?>

Alles anzeigen

footer.php

PHP

</div> <!-- #footer -->


<img src="<?php bloginfo('template_directory'); ?>/images/losemymindfooter.jpg" border="0" usemap="#footer">


<map name="footer">
<area shape="rect" coords="50,18,167,66" href="http://www.mpg-paintball.de/">
<area shape="rect" coords="310,17,451,67" href="http://www.maxs-sport.com/">
<area shape="rect" coords="599,12,725,67" href="http://www.2die4-paintball.de/">
</map>
 
</body>
</html>

Alles anzeigen

Ich hab jetzt wirklich schon alles mögliche probiert aber der Fehler blebt bestehen oder verschiebt sich einfach nur.

steve77

Hallo Mille,

Dein Quellcode wird nach unten hin recht chaotisch:

Der Systematik setzt Du immer ans Abschluß-Tag einen Kommentar, so sieht es zumindest u.a. bei Post aus.

Warum beginnst Du Deinen Footer dann mit dem Abschlußtag für den Footer? Und wo ist das DIV bzw. P für den Footer? Die Inhalte vom Footer sind gar nicht "ummantelt".

Wenn Du den Link mit der Mitgliederversammlung aufrufst und dort mal im Browser auf Quellcode-Anzeige gehst, siehst Du ganz unten folgende Zeilen, die in der Form syntaktisch auch falsch sind, da Du das Contents-DIV nach dem abschließenden HTML schließt:

Code

</div> <!-- #footer -->
<img src="[URL]http://neu.ironwolves.de/wp-content/themes/pbsc_wolfsburg/images/losemymindfooter.jpg[/URL]" border="0" usemap="#footer">
<map name="footer">
<area shape="rect" coords="50,18,167,66" href="[url=http://www.mpg-paintball.de/]DIABLO GERMANY - Paintball and more...[/url]">
<area shape="rect" coords="310,17,451,67" href="[URL]http://www.maxs-sport.com/[/URL]">
<area shape="rect" coords="599,12,725,67" href="[url=http://www.2die4-paintball.de/]DIABLO GERMANY - Paintball and more...[/url]">
</map>
 
</body>
</html>
 </div> <!-- #content -->

Alles anzeigen

Schau Dir Deinen Code nochmal genauer an und nicht nur die Templates, sondern auch das Endergebnis, das über den Browser ausgegeben wird ;-)

Viele Grüße,

Steve

mille81

okay das problem mit dem

Code

</div> <!-- #content -->

ist behoben.

Zitat

Und wo ist das DIV bzw. P für den Footer? Die Inhalte vom Footer sind gar nicht "ummantelt".

wie sollte das aussehen?

ich hab da eigentlich gar kein plan von, habe einfach ein template angepasst...

so funzt es auch nicht. er schliesst zwar ab fängt aber unten von vorn an.

PHP

<div id="footer">


<img src="<?php bloginfo('template_directory'); ?>/images/losemymindfooter.jpg" border="0" usemap="#footer">


<map name="footer">
<area shape="rect" coords="50,18,167,66" href="http://www.mpg-paintball.de/">
<area shape="rect" coords="310,17,451,67" href="http://www.maxs-sport.com/">
<area shape="rect" coords="599,12,725,67" href="http://www.2die4-paintball.de/">
</map>
 


</div>


</body>
</html>

Alles anzeigen

mille81

Also ich habs jetzt wirklich merhfach versucht, auch aus dem quelltext mal ein html gemacht und dort versucht aber kaum schließt es oben, fängts unten neu an und umgekehrt...

steve77

Hallo Mille,

ich hab mir Dein Beispiel nochmal genau angeschaut: Ich glaube, Du werkelst im falschen Template. Das, was Du geschrieben hast für "Mitgliederversammlung" könnte m. M. nach ggf. keine Seite sein, sondern ein Artikel, richtig? Schau mal im Adminbereich, wo Du den Text findest: Unter "Artikel" oder "Seiten"?

Wenn es ein Artikel ist, mußt Du nicht im "Seiten"-Template gucken, sondern unter "Eigener Artikel".

Und dort, vermute ich mal, hast Du

PHP

<?php get_footer(); ?>

noch in den Contents-Bereich reingezogen, daher wird der Footer-Inhalt noch im Content-DIV ausgegeben. Sollte natürlich danach stehen.

Was auch noch falsch ist: Du öffnest DIV id="page", aber schließt es nicht.

Per Ferndiagnose ists schwer, nachzuvollziehen, aber falls ich Recht mit den Vermutungen habe, solltest Du die single.php bzw. die page.php in etwa so enden lassen:

PHP

<!-- content --></div>
<?php get_footer(); ?>
 
<!-- page --></div>
</body>
</html>

Den Footer solltest Du in etwa so aufbauen:

Code

<div id="footer"
<img src="[URL="http://neu.ironwolves.de/wp-content/themes/pbsc_wolfsburg/images/losemymindfooter.jpg"]http://neu.ironwolves.de/wp-content/...mindfooter.jpg[/URL]" border="0" usemap="#footer">
<map name="footer">
<area shape="rect" coords="50,18,167,66" href="[URL="http://www.mpg-paintball.de/"]DIABLO GERMANY - Paintball and more...[/URL]">
<area shape="rect" coords="310,17,451,67" href="[URL]http://www.maxs-sport.com/[/URL]">
<area shape="rect" coords="599,12,725,67" href="[URL="http://www.2die4-paintball.de/"]DIABLO GERMANY - Paintball and more...[/URL]">
</map>
</div>

Das abschließende

Code

</body>
</html>

gehört jeweils in die "Haupttemplates", also single.php, page.php, archive.php, usw. Schau Dir diesbezüglich nochmal ganz genau das Original default_de-Theme an! Das passende Ende siehst Du ja auch etwas weiter oben.

Wie ich gerade sehe, werkelst Du schon fleissig dran, parallel zu meinem Posting :-)

steve77

Hallo Mille,

Du braust Dir da aber auch gerade eine Quellcode-Suppe zusammen ;-)

aalso:

1. zum Footer-Problem: Die Footer-Grafik hat eine bestimmte Höhe. Machst Du die Inhalte des Footers höher, wiederholt sich die Grafik. In Deinem Fall hast Du unter Deine Image-Map ein fettes padding-bottom von 100 Pixel Höhe gesetzt, vermutlich, um Abstand zum unteren Browserrand zu kriegen. Das kriegst Du aber nicht durch einen Innenabstand hin (=dadurch vergrößerst Du ja nur den Footer), sondern indem Du der div id=page ein margin-bottom von 100 Pixel mitgibst. Durch Deine Padding-bottom=100-Aktion vergrößerst Du nur den unteren Abstand des Footers zum umgebenden Page-DIV.

2. Du hast im Quellcode überall divs mit "clear: both", aber kein einziges Float-Element. Wenn Du da Abstände machen willst, gib lieber den div=Post ein margin-bottom mit

3.

Code

</div> <!-- .post -->

taucht 2x auf, bei nur einem Beitrag

4. die div=page hast Du weiterhin nicht geschlossen

Und noch ne Bitte: Editier nicht nachträglich Deine Postings um, dann ist es für andere Helfende schwer nachzuvollziehen, wo Dein Problem lag, worauf ich schon geantwortet habe, usw.

Viele Grüße,

Steve

mille81

Ja sorry wegen dem edit, dachte hätt noch keiner gelesen, hat sich überschnitten.

Zu 1. habe meine style.css jetzt so angepasst:

Code

#page {
    font-family: "Microsoft JhengHei", "Lucida Grande", "Microsoft YaHei", Arial, Helvetica, Sans-Serif;
    background-color: white;
    text-align: left;
    margin: 0px auto;
    margin-bottom: 100px
    padding: 0;
    width: 760px;
    background: url('images/losemymindbgwide.jpg') repeat-y top ;
    }


#footer {
    font-family: "Microsoft JhengHei", "Lucida Grande", "Microsoft YaHei", Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    padding: 0px 0 0px;
    margin: 0 auto;
    width: 760px;
    clear: both;
    border: none;
    }

Alles anzeigen

Zu 2. Ich weiß ehrlich gesagt gar nicht was "divs mit "clear: both"" bedeutet.... :confused:

Hab den Quellcode mal so wie du´s gepostet hast angepasst. Auf der Startseite is alles okay. aber bei den artikeln + seiten is immer noch ne lücke.

mille81

Ich poste nochma meine komplette style.css
weil diese Lücke kann ja nur noch daher rühren vermute ich?

CSS

/*  
Theme Name: LoseMyMind
Theme URI: http://hellobmw.com/losemymind/
Description: LoseMyMind, A Simplified Theme. NOTE: This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my <a href="http://hellobmw.com">LoseMyMind</a> link under your footer.
Version: 1.0
Author: Arctic
Author URI: http://hellobmw.com/


    LoseMyMind v1.0
        http://hellobmw.com/losemymind/


    This theme was designed and built by Arctic ICEBOY,
    whose blog you will find at http://hellobmw.com/


    The CSS, XHTML and design is released under GPL:
        http://www.opensource.org/licenses/gpl-license.php


*/


/* Begin Typography & Colors */
body {
    font-family: "Microsoft JhengHei", "Lucida Grande", "Microsoft YaHei", Arial, Helvetica, Sans-Serif;
    background: #D5D6D7 url('images/losemymindbgcolor.jpg');
    color: #333;
    margin: 0 0 20px 0;
    padding: 0;
    text-align: center;
    }


#page {
    font-family: "Microsoft JhengHei", "Lucida Grande", "Microsoft YaHei", Arial, Helvetica, Sans-Serif;
    background-color: white;
    text-align: left;
    margin: 0px auto;
    margin-bottom: 100px
    padding: 0;
    width: 760px;
    background: url('images/losemymindbgwide.jpg') repeat-y top ;
    }


#header {
    
    margin: 0 0 0 1px;
    padding: 0;
    height: 200px;
    width: 758px;
    }
    


#headerimg .description {
    font-size: 10px;
    text-align: center;
    }


#content {
    margin: 0 60px 0;
    width: 640px;
    }
    
    #content_page {
    margin: 0 0px 0;
    width: 640px;
    }


.post {
    margin: 0px 0 0px;
    text-align: justify;
    }


.entry {
    font-size: 12px;
    line-height: 15px;
    margin: 0 50px 0;
    }


.entry-date {
    background: url('images/losemyminddate.gif') no-repeat bottom center;
    float: left;
    width: 50px;
    height: 50px;
    }


.entry-date h3 {
    color: white;
    font-size: 9px;
    font-weight: normal;
    padding: 0 0 0 12px;
    margin: 0;
    text-transform: uppercase;
    }
    
.entry-date h4 {
    color: #666;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 6px 0 0;
    margin: 0;
    text-align: center;
    }


.entry-meta {
    border-top: thin solid #69F;
    border-bottom: thin solid #69F;
    color: #999;
    font-size: 12px;
    line-height: 4px;
    margin: 0 50px 0;
    }


.entry-related {
    margin: 0 50px 0;
    }


.post hr {
    display: block;
    }


#bottom {
    font-size: 12px;
    text-align: center;
    margin: 0px 0 0;
    }


#bottom #tbag {
    font-size: 14px;
    text-align: left;
    }


#bottom .bottom-left,
#bottom .bottom-mid {
    float: left;
    width: 25%;
    height: 100%;
    margin: 0;
    }


#bottom .bottom-left {
    font-size: 12px;
    }


#bottom .bottom-right {
    font-size: 14px;
    line-height: 18px;
    float: right;
    width: 40%;
    height: 100%;
    }


#bottom .bottom-left ul li,
#bottom .bottom-mid ul li,
#bottom .bottom-right ul li {
    list-style: none;
    }


#bottom .bottom-left ul li a:hover,
#bottom .bottom-mid ul li a:hover,
#bottom .bottom-right ul li a:hover {
    border: none;
    background-color: #EDEDED;
    }
    
    
#footer {
    font-family: "Microsoft JhengHei", "Lucida Grande", "Microsoft YaHei", Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    margin: 0 auto;
    width: 760px;
    clear: both;
    border: none;
    }




small {
    font-size: 12px;
    }


a, a:visited {
    color: #69F;
    text-decoration: none;
    }


a:hover {
    border-bottom: thin dashed;
    }


h1, h2, h3 {
    font-weight: bold;
    }


h1 {
    font-size: 14px;
    text-align: center;
    padding-top: 60px;
    margin: 0;
    }


h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
    color: #9BF;
    border: none;
    }


h2 {
    font-size: 16px;
    line-height: 20px;
    }


h2 .comments {
    color: #DDD;
    }


h2.pagetitle {
    text-align: center;
    padding-top: 40px;
    }


h3 {
    font-size: 14px;
    padding: 0;
    margin: 30px 50px 0;
    }


h2, h2 a, h2 a:visited, h3 {
    color: #666;
    }


h3 a, h3 a:visited {
    color: #9BF;
    }


h3 a:hover {
    color: #666;
    border: none;
    }


h2 a:hover {
    color: #9BF;
    border-bottom: thin dashed;
    }


.entry a:hover {
    border-bottom: thin dashed;
    }


.entry a:visited {
    color: #B85B5A;
    }


.commentlist li, #commentform input, #commentform textarea {
    font: 12px "Microsoft JhengHei", "Lucida Grande", "Microsoft YaHei", Arial, Helvetica, Sans-Serif;
    }


.commentlist li {
    font-weight: bold;
    }


.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 11px;
    }


.commentlist p {
    font-weight: normal;
    line-height: 20px;
    text-transform: none;
    }


#commentform p {
    font-family: "Microsoft JhengHei", "Lucida Grande", "Microsoft YaHei", Arial, Helvetica, Sans-Serif;
    }


.commentmetadata {
    font-weight: normal;
    }


.subscribe-to-comments {
    font-size: 12px;
    }


small, .nocomments, blockquote, strike {
    color: #777;
    }


code {
    font: 11px 'Courier New', Courier, Fixed;
    }


acronym, abbr, span.caps
{
    font-size: 9px;
    letter-spacing: 0.7px;
    }




/* End Typography & Colors */




/* Begin Images */


/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */


img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }


img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }


img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }


.alignright {
    float: right;
    }


.alignleft {
    float: left
    }
/* End Images */






/* Begin Lists


    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */


html>body .entry ul {
    margin-left: 0;
    padding: 0 0 0 30px;
    list-style: none;
    padding-left: 10px;
    text-indent: -10px;
    } 


html>body .entry li {
    margin: 7px 0 8px 10px;
    }


.archive-list {
    list-style: none;
    margin: 10px 0 0 0 !important;
    padding-left: 0px !important;
    }


.archive-list li {
    display: block;
    float: left;
    margin: 0 10px 0 0 !important;
    padding: 2px 0 2px 10px !important;
    width: 150px;
    }


.archive-list li:hover {
    background-color: #EDEDED;
    }


.archive-list li a:hover {
    border: none;
    }


.entry ul li:before {
    content: "\00BB \0020";
    }


.entry ol {
    padding: 0 0 0 35px;
    margin: 0;
    }


.entry ol li {
    margin: 0;
    padding: 0;
    }


ol li {
    list-style: decimal outside;
    }
/* End Entry Lists */






/* Begin Form Elements */
.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:center;
    }


select {
    width: 130px;
    }


#commentform {
    margin: 0 50px 0;
    }


#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    }


#commentform textarea {
    width: 100%;
    padding: 2px;
    }


#commentform #submit {
    margin: 0;
    float: right;
    }
/* End Form Elements */






/* Begin Comments*/
.commentlist {
    margin: 0 50px 0;
    padding: 0;
    text-align: justify;
    }


.commentlist li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
    }


.commentlist p {
    margin: 10px 5px 10px 0;
    }


#commentform p {
    margin: 5px 0;
    }


.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }


.commentmetadata {
    margin: 0;
    display: block;
    }
/* End Comments */




/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
    }


acronym, abbr {
    border-bottom: 1px dashed #999;
    }


blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
    }


blockquote cite {
    margin: 5px 0 0;
    display: block;
    }


.center {
    text-align: center;
    }


hr {
    display: none;
    }


a img {
    border: none;
    }


.navigation {
    font-size: 12px;
    display: block;
    text-align: center;
    margin-top: 30px;
    }


.navigation a:hover {
    border: none;
    color: #666;
    }
/* End Various Tags & Classes*/

Alles anzeigen

steve77

zu den clear:both: Schau Dir mal bei selfhtml alles rund um "float" an. Float = Umfließen. Bei Dir kann ich es spontan an einer Stelle erkennen: Du hast diesen Kalenderblock mit dem Datum, rechts daneben fließt die Überschrift entlang. Im HTML hat man damals "align=left" oder "align=right" bei Bildern mitgegeben, vom Prinzip ähnlich, nur kann man mit CSS-Floats mehr anstellen.

An der Stelle

Code

<div class="entry-title">
<h2><a href="http://neu.ironwolves.de/?p=1" rel="bookmark" title="Permanent Link to Mitgliederversammlung 2008 am Sonntag, 03.02.2008">Mitgliederversammlung 2008 am Sonntag, 03.02.2008</a></h2>
</div> <!-- .entry-title -->
<div style="clear:both;"></div>

ists ok, da hast Du ja davor wirklich gefloatet. Da Du keine Sidebar nutzt oder Spalten o.ä., kannst Du es aus Deinem Footer z.B. wieder rauswerfen (vorausgesetzt, Du hast auch auf Archivseiten, usw. keine Sidebar mehr drin)

Zu der kleinen Lücke am Footer: Über die Web Developer Toolbar im Firefox kann man erkennen, daß es eine kleine Lücke zwischen dem IMG und der Footer-Unterkante gibt. Ggf. kommt die von der Image-Map. versuch mal, die Map komplett in eine Zeile zu ziehen, keine Umbrüche drin. Und nimm die Leerzeile am Ende des Footers raus, ggf. klappts dann. Sonst schau Dir an, wie groß die Grafik ist und lege im Footer fix die Höhe fest, dann wird die Lücke beschnitten.

steve77

Die Grafik ist 85px hoch. Versuch mal, dem Footer diesen Höhenwert mitzugeben, dann sollte es passen.

mille81

hab dem footer jetzt in der style.css den 85px wert mitgebeben.
funzt auch! allerdings gehts auf den Seiten immer noch nicht. der Abstand bleibt....

map in eine zeile ziehen sowie der grafik die höhe mitzugeben löst das problem leider auch nicht....

steve77

naja, auch das ist ggf. schnell gelöst: Schau Dir mal Deinen Page-Quelltext im Browser genau an und kontrolliere die DIVs, die Du öffnest und schließt: da fehlt das öffnende div=content, z.B. hier: Ironwolves at PBSC Wolfsburg e.V.

Du schließt es recht weit unten, aber es ist nicht geöffnet.

Das, was Du da als Abschlußtag für den Content betitelst, wird dadurch zum Abschlußtag für Page. Dadurch klammerst Du den Footer aus der Struktur aus und er setzt sich mit Abstand drunter.

mille81

Man man ich hab echt paar mal drüber geguckt aber das hab ich auf teufel komm raus nicht gesehen!!!! DANKE DANKE DANKE!!!! Nu funzt es !!!

mille81

Ein problem ist jetzt noch aufgetaucht. Wenn ich auf das Archiv klicke, z.B. hier DAL archive at PBSC Wolfsburg e.V. dann verrutscht der footer. ich hatte die header sowie footergrafik auf 870px breite vergrößert. habe allerdings in der style.css und allen sonstigen dateien die größe angepasst.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Seitenabschluss - div tag Problem

Jetzt mitmachen!