alles über divs

html.de-Forum HTML, XHTML & CSS
1

Ich habe ja schon öfter gehört das man kein Tabellendesign machen sollte, deshalb wollte ich mich in nächster Zeit mal mit divs beschäftigen. Nun meine frage, kann man wirklich alles mit divs lösen. Ich habe jetzt z.B. so einen Code, kann ich den nur mit divs machen?
[html]

TD {font-family:verdana; font-size:10px;} A.bot {font-family:Verdana;font-size:12;color:#FFFFFF;font:900;padding-left:10px;padding-right:10px;text-decoration:none} A:hover {color:#FFFFFF; text-decoration:bold;} .copy {font-family:verdana; font-size:12px; color:5067AF; text-decoration:none; padding-left:10px; padding-right:10px;} .terms {font-family:verdana; font-size:12px; color:5067AF; text-decoration:none; padding-left:10px; padding-right:10px;} 
<td colspan="4"> <img src="images/temp/03.jpg" width="487" height="236" alt=""></td>
    <td colspan="5">
        <img src="images/temp/04.jpg" width="523" height="236" alt=""></td>
    <td>
        <img src="images/temp/spacer.gif" width="1" height="236" alt=""></td>
</tr>
<tr>
    <td colspan="4">
        <img src="images/temp/05.jpg" width="487" height="59" alt=""></td>
    <td colspan="5">
        <img src="images/temp/06.jpg" width="523" height="59" alt=""></td>
    <td>
        <img src="images/temp/spacer.gif" width="1" height="59" alt=""></td>
</tr>
<tr>
    <td>
        <img src="images/temp/07.jpg" width="137" height="127" alt=""></td>
    
<td colspan="2" valign="top" background="images/temp/08.jpg"><span class="Stil2">
  <?php include "game_top.php"; ?>
  </span></td>
    <td colspan="2">
        <img src="images/temp/09.jpg" width="29" height="127" alt=""></td>
    
<td colspan="2" valign="top" background="images/temp/10.jpg"><span class="Stil2">
  <?php include "login.php"; ?>
  </span></td>
    <td colspan="2">
        <img src="images/temp/11.jpg" width="167" height="127" alt=""></td>
    <td>
        <img src="images/temp/spacer.gif" width="1" height="127" alt=""></td>
</tr>
<tr>
    <td colspan="2">
        <img src="images/temp/12.jpg" width="254" height="79" alt=""></td>
    <td colspan="4">
        <img src="images/temp/13.jpg" width="471" height="79" alt=""></td>
    <td colspan="2">
        <img src="images/temp/14.jpg" width="253" height="79" alt=""></td>
    <td>
        <img src="images/temp/15.jpg" width="32" height="79" alt=""></td>
    <td>
        <img src="images/temp/spacer.gif" width="1" height="79" alt=""></td>
</tr>
<tr>
    
<td colspan="2" rowspan="5" valign="top" background="images/temp/16.jpg"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
    <tr> 
      <td width="6%">&nbsp;</td>
      <td width="81%"><table width="100%" border="0">
          <tr> 
            <td width="13%" height="23">&nbsp;</td>
            <td width="87%">
              <?php include "navigation_right.php"; ?>
            </td>
          </tr>
        </table></td>
      <td width="13%">&nbsp;</td>
    </tr>
  </table>
  <br> <br> <table width="100%" height="35" cellpadding="0"  cellspacing="0" background="images/temp/20.jpg">
    <tr> 
      <td><table width="100%"  cellspacing="0" cellpadding="0">
          <tr> 
            <td width="16%">&nbsp;</td>
            <td width="76%"><span class="Stil1">SEARCH</span></td>
            <td width="8%">&nbsp;</td>
          </tr>
        </table></td>
    </tr>
  </table>
  <table width="100%"  border="0" cellspacing="0" cellpadding="0">
    <tr> 
      <td width="6%">&nbsp;</td>
      <td width="81%"><table width="100%" border="0">
          <tr> 
            <td width="5%" height="23"><div align="right"></div></td>
            <td width="95%">
              <?php include "search.php"; ?>
            </td>
          </tr>
        </table></td>
      <td width="13%">&nbsp;</td>
    </tr>
  </table>
  <br> <table width="100%" height="35" cellpadding="0"  cellspacing="0" background="images/temp/20.jpg">
    <tr> 
      <td><table width="100%"  cellspacing="0" cellpadding="0">
          <tr> 
            <td width="16%">&nbsp;</td>
            <td width="76%"><span class="Stil1">POLL</span></td>
            <td width="8%">&nbsp;</td>
          </tr>
        </table></td>
    </tr>
  </table>
  <table width="100%" border="0">
    <tr> 
      <td width="15%" height="23"><div align="right"></div></td>
      <td width="85%">
        <?php include "poll.php"; ?>
      </td>
    </tr>
  </table>
  <br> <table width="100%" height="35" cellpadding="0"  cellspacing="0" background="images/temp/20.jpg">
    <tr> 
      <td><table width="100%"  cellspacing="0" cellpadding="0">
          <tr> 
            <td width="16%">&nbsp;</td>
            <td width="76%"><span class="Stil1">STATISTICS</span></td>
            <td width="8%">&nbsp;</td>
          </tr>
        </table></td>
    </tr>
  </table>
  <table width="100%" border="0">
    <tr> 
      <td width="15%" height="23"><div align="right"></div></td>
      <td width="85%">
        <?php include "counter.php"; ?>
      </td>
    </tr>
  </table>
  <table width="100%" height="35" cellpadding="0"  cellspacing="0" background="images/temp/20.jpg">
    <tr> 
      <td><table width="100%"  cellspacing="0" cellpadding="0">
          <tr> 
            <td width="16%">&nbsp;</td>
            <td width="76%"><span class="Stil1">PARTNERS</span></td>
            <td width="8%">&nbsp;</td>
          </tr>
        </table></td>
    </tr>
  </table>
  <table width="100%" border="0">
    <tr> 
      <td width="15%" height="23"><div align="right"></div></td>
        <?php include "partner.php"; ?>
    </tr>
  </table>
  <p>&nbsp;</p>
  <br>
  <br>
        <br>
  <br>
  <br>
  <br></td>
    
<td colspan="4" rowspan="5" valign="top" background="images/temp/17.jpg"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
    <tr> 
      <td width="0%">&nbsp;</td>
      <td width="98%"><div align="center"> 
          <?php include "news.php"; ?>
        </div></td>
      <td width="2%">&nbsp;</td>
    </tr>
  </table>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
</td>
    
<td colspan="3" rowspan="5" valign="top" background="images/temp/21.jpg"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
    <tr> 
      <td><table width="100%" height="28" cellpadding="0"  cellspacing="0" background="images/temp/19.jpg">
          <tr> 
            <td><table width="100%"  cellspacing="0" cellpadding="0">
                <tr> 
                  <td width="16%">&nbsp;</td>
                  <td width="76%"><span class="Stil1">NEXT EVENTS </span></td>
                  <td width="8%">&nbsp;</td>
                </tr>
              </table></td>
          </tr>
        </table></td>
    </tr>
    <tr> 
      <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
          <tr> 
            <td width="16%">&nbsp;</td>
            <td width="69%"><div align="left"><span class="Stil2"> 
                <?php include "last_upcoming.php"; ?>

[/html]

2

hier ist noch der unter Teil vom Code
[html]

 














  ARTICLES  









 

<?php include "last_articles.php"; ?>
  













  LATEST NEWS  









 

<? include "last_news.php"; ?>
  













  TOP DOWNLOADS  









 

<?php include "top_downloads.php"; ?>
  













  TOP DEMOS  









 

<? include "new_demos.php"; ?>
  













  SHOUTBOX  









 

<?php include "shoutbox.php"; ?>
  













  LATEST TOPIC  









 

<? include("last_topics.php"); ?>
   































<td colspan="4"> <img src="images/temp/24.jpg" alt="" width="471" height="63" border="0"></a></td>
    <td colspan="3">
        <img src="images/temp/25.jpg" width="285" height="63" alt=""></td>
    <td>
        <img src="images/temp/spacer.gif" width="1" height="63" alt=""></td>
</tr>
<tr>
    <td>
        <img src="images/temp/spacer.gif" width="137" height="1" alt=""></td>
    <td>
        <img src="images/temp/spacer.gif" width="117" height="1" alt=""></td>
    <td>
        <img src="images/temp/spacer.gif" width="221" height="1" alt=""></td>
    <td>
        <img src="images/temp/spacer.gif" width="12" height="1" alt=""></td>
    <td>
        <img src="images/temp/spacer.gif" width="17" height="1" alt=""></td>
    <td>
        <img src="images/temp/spacer.gif" width="221" height="1" alt=""></td>
    <td>
        <img src="images/temp/spacer.gif" width="118" height="1" alt=""></td>
    <td>
        <img src="images/temp/spacer.gif" width="135" height="1" alt=""></td>
    <td>
        <img src="images/temp/spacer.gif" width="32" height="1" alt=""></td>
    <td></td>
</tr>
[/html]
3

so ein langer code bringt uns fast gar nichts (besonders bei unüberisichtlichen tabellen :-P), kannst du mal nen beispiellink posten?

4

hier ist ein link. Die Farben habe ich nur jetzt zur besseren erkennun genommen:
http://www.gandc.de/test4/
PS bild 3 und 4 nehm ich noch raus.

5

Das dürfte ohne probleme mit divs realisierbar sein, ist nur die frage ob das ganze dann auch noch „mittig“ ist

6

klar kann man das ganze mit divs amchen, ist sogar übersichtlicher. und damit das ganze mittig ist, musst du alle divs in einen großen packen, und dann in den boody schreiben style=„text-align:center;“. ist mi divs sogar einfacher, und übersichtlicher.

7

könnte mir jemand nur das ganz oben die ersten bilder komplett mit divs machen, damit ich weiß wies geht, den rest bekomm ich dann schon von alleine raus.

8

[HTML]

Bild1
Bild2
Bild3
Bild4
[/HTML]
9

Nein. Eine Zentrierung erreicht man durch einen automatisch vergebenen linken und rechten Außenabstand (margin: 0 auto). Selbst der IE zentriert Blocklevel-Elemente mit der von dir genannten Eigenschaft nur im Quirksmodus.