[Datug] vertical-align=top funzt nich

Thu Apr 22 09:39:35 CEST 2004

hallo dirk!

mal ganz abgesehen davon, dass man nur noch in wenigen fällen tabellen 
als design-elemente verwenden sollte (siehe z.b. www.alistapart.com), 
folgendes:
ein vertical align bezieht sich auf die inneren elemente, nicht auf das 
element selbst - und bei table musst du das (imho) auch eher in den 
TD-teil setzen, da table ja keine direkten inline-elemente hat und somit 
auch nix ausrichtet.

dass  die seite "springt", kann ich (vor allem bei fester höhe und 
breite) nicht nachvollziehen. du könntest sie mal einfach mit "float: 
left" belegen, um sie in den normalen seitenflow zu bringen (dann aber 
aufpassen mit nachfolgenden nciht-flow-elementen). oder du setzt 
"position: absolute; top: 0", dann musst du aber auch wieder mit 
nachfolgenden elementen aufpassen.

genaue analyse von css-positionierung und ihren tücken unter 
www.positioniseverything.net

gruesse
ingo

Dirk Völlger wrote:

>Hab mal ne Frage,
>
>wenn ich meine Seite aufrufe, springt sie ständig auf dem Bildschirm hin- und 
>her (mal oben ausgerichtet, mal nach unten verschoben). Also ich habe in der 
>main css ein vertical-align = top angegeben:
>
>table {
>    vertical-align: top;
>}
>
>table_main {
>        font-family: Verdana, Arial, Helvetica, sans-serif;
>        font-size: 10px;
>        padding: 0 0 0 0;
>        margin: 0px auto;
>        width: 760px;
>        height: 440px;
>        background-color: #ffffff;
>        border: 0 ;
>        border-collapse: collapse;
>        border-right: 0px solid #000000;
>}
>
>
>das template sieht folgendermaßen aus:
>
><body>
>    <!--###DOCUMENT_BODY### start-->
>    <table class="table_main" cellspacing="0" cellpadding="0">
>       <!--<tr>-->
>          <td>
>                <table class="table_three_cell" cellspacing="0" 
>cellpadding="0">
>
>Woran kann das liegen?
>
>  
>
>------------------------------------------------------------------------
>
>_______________________________________________
>Datug mailing list
>Datug at datug.de
>http://lists.datug.de/cgi-bin/mailman/listinfo/datug
>  
>