css problem

VolkanZ

Hallo Leuts,

ich hab ein Problem mit der Darstellung. Liegt wahrscheinlich an der Css... kriegs irgendwie nicht auf die Reihe.

Bild, klick mich:

[Blockierte Grafik: http://img411.imageshack.us/img411/5743/errorsd1.jpg]

So sieht der Teil der *.php Seite aus:

PHP

<div id="main"><!--start main-->
	<div id="about"><!--about start-->
	<div class="about_col1"><!--start about col 01-->
		   
		  	<h2 class="about">
			<a href="<?php the_permalink() ?>" rel="lesezeichen" title="link zu <?php the_title(); ?>"><?php the_title(); ?></a>
			</h2>
			 <p>
			<?php if (have_posts()) : ?>
			<?php while (have_posts()) : the_post(); ?>
			<div class="entry">
			<?php the_content('Den ganzen Beitrag lesen »'); ?>
			</div>
			<?php endwhile; ?>		
			<?php else : ?>
			<?php endif; ?>
			</p>
			
	</div><!--end about col 01-->
		
		
	<div class="about_col2"><!--start about col 02-->
			titel: <span class="titel"><a href="<?php the_permalink() ?>" rel="lesezeichen" title="link zu <?php the_title(); ?>"><?php the_title(); ?></a></span> <br />
			datum: <?php the_time('j. F Y') ?> <!-- von <?php the_author() ?> --><br />
			kategorie: <?php the_category(', ') ?><br />
			kommentare: <?php comments_popup_link('0 kommentare', '1 kommentar', '% kommentare'); ?> <br />
			tags: content, allgemein, wordpress<br />
			admin: <?php edit_post_link('bearbeiten','',''); ?>
			</p>
	</div><!--end about col 02-->
  </div><!-- end about-->
</div><!--end main-->

Alles anzeigen

Und das ist der css-teil dazu:

Code

#about {
	width: 900px;
	height:	auto;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left; }


.about_col1 {
	width: 562px;
	margin-right: 18px;
	float: left; }
		 
.about_col2 {
	width: 260px;
	margin-left: 0px;
	line-height: 18px;
	border-left: solid 5px #01B7EA;
	padding-left: 15px;
	float: left; }

Alles anzeigen

Ich danke euch jetzt schonmal für euere Hilfe.

Gruss VolkanZ

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 ich vermute eher, dass es daran liegt, dass Du den Loop zubald beendest.

PHP

<?php endwhile; ?>        
            <?php else : ?>
            <?php endif; ?>
            </p>
            
    </div><!--end about col 01-->

probier es mal so

PHP

<div id="main"><!--start main-->
    <div id="about"><!--about start-->
    <div class="about_col1"><!--start about col 01-->
           
              <h2 class="about">
            <a href="<?php the_permalink() ?>" rel="lesezeichen" title="link zu <?php the_title(); ?>"><?php the_title(); ?></a>
            </h2>
             
            <?php if (have_posts()) : ?>
            <?php while (have_posts()) : the_post(); ?>
            <div class="entry">
            <?php the_content('Den ganzen Beitrag lesen »'); ?>
            </div>
            
          
            
    </div><!--end about col 01-->
        
        
    <div class="about_col2"><!--start about col 02-->
            titel: <span class="titel"><a href="<?php the_permalink() ?>" rel="lesezeichen" title="link zu <?php the_title(); ?>"><?php the_title(); ?></a></span> <br />
            datum: <?php the_time('j. F Y') ?> <!-- von <?php the_author() ?> --><br />
            kategorie: <?php the_category(', ') ?><br />
            kommentare: <?php comments_popup_link('0 kommentare', '1 kommentar', '% kommentare'); ?> <br />
            tags: content, allgemein, wordpress<br />
            admin: <?php edit_post_link('bearbeiten','',''); ?>
            </p>
    </div><!--end about col 02-->


<?php endwhile; ?>        
             <?php else : ?>
             <?php endif; ?>




  </div><!-- end about-->
</div><!--end main-->

Alles anzeigen

Außerdem ist ein <p> VOR

PHP

<?php if (have_posts()) : ?>

und dann nach

PHP

<?php endif; ?>
             </p>

absolut unnötig und falsch. Kannst ruhig einfach löschen.

lg

VolkanZ

Ich hab da noch ein Problem entdeckt, was etwas komisch ist.

In der header.php beginnt mein Container, also <div id="container">

In der index.php beginnt und endet mein Hauptteil, also <div id="main"></div>
In der footer.php endet mein Container, also </div>

So, wenn ich das jetzt teste, dann wird anstadt die <div id="main">, der Container in der index.php geschlossen und das </div> in der footer.php hat keine funktion mehr und es gibt darstellungsfehler. Ich habs desweiteren überprüft, alle <div></div>´s sind bei mir korrekt.

Jemand ne lösung ? Gruss

Monika

ja
die divs werden in der falschen Reihenfolge geschlossen,

schreibe Dir nach jedem /div mit einem html Kommentar hin, was dies zumacht

zb

Code

<div id="container">
<div id="main">


.......blablubsch


</div><!-- main end-->

so findest du das was falsch ist

lg

VolkanZ

Hab ich gemacht Monika, es sind 14 <div> und 14 </div>.. ich hab extra nachkontrolliert und auch abgezählt :) Jedoch wenn ich im ausgegebenen Quelltext dann schaue, wird ein komplettes </div> "grün" markiert, bzw. nicht angenommen.

Ich poste mal meinen quelltext von der header.php, index.php und footer.php.. du wirst sehen, das es korrekt ist..

HEADER.PHP:

PHP

<html>
<head>
</head>
<body>
<div id="container">
	<div id="wrapper"><a name="top"></a>
		<div id="masthead" class="fix">
			<h1><a href="<?php echo get_option('home'); ?>/">
			<img src="<?php bloginfo('stylesheet_directory'); ?>/img/ve.png" alt="home" height="23" width="200" border="0" />
			</a></h1>
			<p id="authorIntro"><?php bloginfo('description'); ?></p>
		</div>
		<ul class="nav fix">
			<li><a href="#" title="#">Start<br /><span>Startseite</span></a></li>
			<li><a href="#" title="#">&Uuml;ber<br /><span>Was ist das?</span></a></li>
			<li><a href="#" onmousedown="#" title="#">Archiv<br /><span>Durchst&ouml;bern</span></a></li>
			<li><a href="#" title="#">Downloads<br /><span>f&uuml;r jedermann</span></a></li>
			<li><a href="#" title="#">RSS<br /><span>Feeds</span></a></li>
			<li class="skip"><a href="#main" title="Skip to content">Gehe<br /><span>zum Content!</span></a></li>
		</ul>
	</div>


	<div id="mid" class="fix"></div>
<!--//////////////////////////////////////////////////////////////////ENDE HEADER////////////////-->

Alles anzeigen

INDEX.PHP:

PHP

<?php get_header(); ?>
	
	<!--//////////////////////////////////////////////////////////////////START CONTENT////////////////-->
	<div id="main"><!--start main-->
		<div id="about"><!--about start-->
			<div class="about_col1"><!--start about col 01-->
				<h2 class="about">
				<a href="<?php the_permalink() ?>" rel="lesezeichen" title="link zu <?php the_title(); ?>"><?php the_title(); ?></a>
				</h2>
				<?php if (have_posts()) : ?>
				<?php while (have_posts()) : the_post(); ?>
				<?php the_content('Den ganzen Beitrag lesen »'); ?>
			</div><!----------------------end about col 01-->
		
		
			<div class="about_col2"><!--start about col 02-->
				datum: <?php the_time('j. F Y') ?> <!-- von <?php the_author() ?> --><br />
				kategorie: <?php the_category(', ') ?><br />
				kommentare: <?php comments_popup_link('0 kommentare', '1 kommentar', '% kommentare'); ?> <br />
				tags: <?php UTW_ShowTagsForCurrentPost("commalist", array('last'=>' , %taglink%', 'first'=>'%taglink%',)) ?><br />
				admin: <?php edit_post_link('bearbeiten','',''); ?>
			</div><!----------------------end about col 02-->
	
				<?php endwhile; ?>		
				<?php else : ?>
				<?php endif; ?>
		</div><!-- end about-------------->
	  
		<div id="topic"><!--start topic-->
			<div class="categories">
				<h2>
				<img src="<?php bloginfo('stylesheet_directory'); ?>/img/sektion.png" alt="sektion" height="12" width="80" border="0" />
				</h2>
				<ul><ol><?php wp_list_categories('show_count=1&title_li='); ?></ol></ul>
			</div>
		
			<div class="archive">
				<h2>
				<img src="<?php bloginfo('stylesheet_directory'); ?>/img/archiv.png" alt="archiv" height="12" width="80" border="0" />
				</h2>
				<ul><ol><?php wp_get_archives('type=monthly'); ?></ol></ul>
			</div>
		 
			<div class="elsewhere">
				<h2>
				<img src="<?php bloginfo('stylesheet_directory'); ?>/img/netzwerk.png" alt="netzwerk" height="12" width="80" border="0" />
				</h2>
				<ul><?php wp_list_bookmarks(); ?></ul>
			</div>	
		</div><!-- end topic------------>
	</div><!--end main------------->
	<!--//////////////////////////////////////////////////////////////////ENDE CONTENT////////////////-->
	
	<?php get_footer(); ?>

Alles anzeigen

FOOTER.PHP:

PHP

<!--//////////////////////////////////////////////////////////////////START FOOTER////////////////-->
	<div id="footer">
		ein mitglied des <a href="http://xyz.de">xyz</a> netzwerks. <br />
	  	copyright &copy;2007 <?php bloginfo('name'); ?> - alle rechte vorbehalten.  <br />
		angetrieben durch das sagenhafte <a href="http://wordpress.org">wordpress</a> opensource projekt.
	</div>
</div>


	<?php do_action('wp_footer', ''); ?>
</body>
</html>

Alles anzeigen

VolkanZ

hat jmd. ne idee warum das passiert ?

Magnifikatz

Also, entweder bin ich zu blöd zum Zählen oder übersehe was, aber ich meine, das letzte </div> im Footer schließt völlig korrekt den Container, der in der header.php eröffnet wurde. Ich kann nicht sehen, daß der Container in der index.php geschlossen worden wäre.

Also, nachdem, was ich hier sehe, ist alles ganz korrekt. Ich sehe da kein div oder /div zu viel oder zu wenig.

Monika

Zitat von Magnifikatz

Also, entweder bin ich zu blöd zum Zählen oder übersehe was, aber ich meine, das letzte </div> im Footer schließt völlig korrekt den Container, der in der header.php eröffnet wurde. Ich kann nicht sehen, daß der Container in der index.php geschlossen worden wäre.

Also, nachdem, was ich hier sehe, ist alles ganz korrekt. Ich sehe da kein div oder /div zu viel oder zu wenig.

du sollst nicht zählen, denn was nützt es dir, wenn du weißt, dass es 14 gibt aber das 12te an der falschen Stelle zugemacht wird:-?

ich sagte Dir mache es mit den html Kommentaren -nur so kommst du drauf wo was falsch zugemacht wird

lg

VolkanZ

Zitat von Monika

du sollst nicht zählen, denn was nützt es dir, wenn du weißt, dass es 14 gibt aber das 12te an der falschen Stelle zugemacht wird:-?
ich sagte Dir mache es mit den html Kommentaren -nur so kommst du drauf wo was falsch zugemacht wird
lg

hab ich doch, sieht man doch :)

lg

Monika

Zitat von VolkanZ

hab ich doch, sieht man doch :)
lg

HTML

<html>
<head>
</head>
<body>
<div id="container">
    <div id="wrapper"><a name="top"></a>
        <div id="masthead" class="fix">
            <h1><a href="<?php echo get_option('home'); ?>/">
            <img src="<?php bloginfo('stylesheet_directory'); ?>/img/ve.png" alt="home" height="23" width="200" border="0" />
            </a></h1>
            <p id="authorIntro"><?php bloginfo('description'); ?></p>
        </div>
        <ul class="nav fix">
            <li><a href="#" title="#">Start<br /><span>Startseite</span></a></li>
            <li><a href="#" title="#">&Uuml;ber<br /><span>Was ist das?</span></a></li>
            <li><a href="#" onmousedown="#" title="#">Archiv<br /><span>Durchst&ouml;bern</span></a></li>
            <li><a href="#" title="#">Downloads<br /><span>f&uuml;r jedermann</span></a></li>
            <li><a href="#" title="#">RSS<br /><span>Feeds</span></a></li>
            <li class="skip"><a href="#main" title="Skip to content">Gehe<br /><span>zum Content!</span></a></li>
        </ul>
    </div>


    <div id="mid" class="fix"></div>
<!--//////////////////////////////////////////////////////////////////ENDE HEADER////////////////-->

Alles anzeigen

nee ;)

vor div id mid class fix wird der wrapper geschlossen, und ich versteh nicht wieso ,
das nachfolgende div geht auch gleich wieder zu

was umspannt alle folgenden divs komplett ?

entweder bin ich zu doof oder es fehlt hier..

ich habe den wrapper meist bis zum footer oder darüberhinaus offen...

hmmmmmmmmmmm
:-|

aber solange ich das nicht life sehen kann ist alles Spekulation

Willkommen! Melden Sie sich an oder registrieren Sie sich.

css problem

Jetzt mitmachen!