kirika: Tabelle ohne Rahmen o.O

Beitrag lesen

SELF-Forum

Tabelle ohne Rahmen o.O

kirika
– Informationen zu den Bewertungsregeln

ich habe die Seite nun nur layoutet mit CSS so gut ich es konnte o.o
dann versuchs nochmal nud fang neu an (ernsthaft) - das spart dir in summe gesehen viel zeit

http://www.css4you.de/wslayout1/index.html
http://www.css4you.de/wslayout1/ex0010.html

Bin nur ziemlich ratlos warum ich im Internet Explorer diese Rahmen bekomme und im Firefox nicht.

weil die standard stylesheets einer tabelle im ie anders aussehen als im firefox und einiges noch nicht überschrieben/angepasst hast

anstatt einer tabelle bringen, auszusehen wie ein aussageloses element, sollte man dafür lieber ein aussageloses element ohne formatierung verwenden = <div />

zu deinem php code oben

mach keine echos wo keine notwenig sind ;)

<html zeug><?=$title;?></html zeug>
oder
<html zeug><?php echo $title; ?></html zeug>

ist besser zu lesen

und nochwas: invertiere deine quotes

schreib wenn schon

echo '<a href="blah.html">blahblah</a>';


>   
> und nutze tabulatoren zur einrückung des codes (in php mit \t) leerzeichen sind für einrückung ungeeignet (jaja, ich weiss ist eine glaubenssache  
  
  
Vielen Dank. sieht soweit schon ganz gut aus, nur hab ich noch ein Problem, ich möchte gerne das meine Menüs links udn rechts bis zum footer runtergehen, ist es möglich das i.wie einzustellen ?  
  
Hier nochmal die Seite:  
http://87.118.99.142/kiri/test2/test.php  
  
Index:  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN\  
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html>  
    <head>  
       <title>CaluRO & RenaiRO</title>  
        <link rel="stylesheet" type="text/css" href="page.css" />  
        <meta http-equiv="Content-Type"  
                        content="text/html; charset=ISO-8859-1" />  
    </head>  
    <body>  
 <div class="gesamt">  
  <div id="banner">  
   Banner Test  
  </div>  
  <div id="oben">  
   oberes Menü  
  </div>  
  <div id="links">  
   linkes Menü  
  </div>  
  <div id="rechts">  
   rechtes Menü  
  </div>  
  <div id="mitte">  
   TEST blablablablablablalblablablablabalbal balbalablabalablablabl balablabalbalablabalbalabalbalb ablablablabalal  
   TEST blablablablablablalblablablablabalbal balbalablabalablablabl balablabalbalablabalbalabalbalb ablablablabalal  
   TEST blablablablablablalblablablablabalbal balbalablabalablablabl balablabalbalablabalbalabalbalb ablablablabalal  
   TEST blablablablablablalblablablablabalbal balbalablabalablablabl balablabalbalablabalbalabalbalb ablablablabalal  
  </div>  
  <div id="unten">  
   footer  
  </div>  
 </div>  
    </body>  
</html>  
  
CSS:  
.gesamt{  
 margin:0px auto;  
 text-align:left;  
 border: 1px solid black;  
 width:995px;  
 height:100%;  
 align:center;  
}  
  
#banner {  
 background-color:#FFFFFF;  
 height:200px;  
 text-align:center;  
}  
  
#oben {  
   background-color:#8033CC;  
   text-align: center;  
   height:20px;  
}  
  
#links {  
    align:left;  
    valign: top;  
    background-color:#7d92bf;  
    width: 150px;  
    float:left;  
}  
  
#rechts {  
    align:left;  
    valign:top;  
    background-color:#7F997F;  
    width: 150px;  
    float:right;  
}  
  
#mitte {  
 margin-left:150px;  
 margin-right:150px;  
 background-image:url('images/bg.gif');  
}  
  
#unten {  
 clear:left:;  
 height:125px;  
  background-color:#8033CC;  
 text-align:center;  
 font-size: 10px;  
 padding: 5px;  
}  
  
body {  
 text-align:center;  
 background-color: #001c59;  
 font-size: 11px;  
}  
  
Hoffe, dass das irgendwie möglich ist, so wie ich mir das vorstelle.  
  
Mit freundlichen Grüßen  
  
Kirika
Beitrag melden
–
Informationen zu den Bewertungsregeln