76976
Goto Top

problem mit Tabelle

Hallo alle zusammen face-smile

ich habe folgendes Problem:
Ich hab' eine HTML-Seite mit mehreren HTML-Dateien und einer CSS-Datei. Jede einzelne HTML-Datei ist gleich aufgebaut und benutzt dieselbe eben genannte CSS-Datei. Nun habe ich in einer HTML-Datei eine Tabelle eingefügt mit <table></table> und so weiter und plötzlich funktioniert meine Flächenverteilung mit CSS nicht mehr, aber nur bei dieser HTML-Datei. Ich verstehe nicht wieso, aber die beiden Felder mit den IDs "top" und "middle" berühren sich nun auf einmal, was vorher nicht der Fall war. Weiß einer Rat?

MfG pepper-jk

Content-Key: 125710

Url: https://administrator.de/contentid/125710

Printed on: April 23, 2024 at 14:04 o'clock

Member: TheJoker2305
TheJoker2305 Sep 24, 2009 at 12:20:53 (UTC)
Goto Top
Kannst du uns den Quellcode hier einfügen?

Dann kann geprüft werden, ob irgendwo was vergessen wurde.... oder woran es hakt. einmal den Quellcode für de css und die main.html

Danke vorab
Member: Alex1989
Alex1989 Sep 24, 2009 at 12:22:46 (UTC)
Goto Top
Moin moin,

kannst du mal etwas Code Posten? Würde mal sagen es ist leichter was zu sagen, wenn man drauf schauen kann...
ist die CSS-Datei vllt. nicht eingebunden in dieser Datei? (passiert ja mal...)


Gruß,


Alex
Mitglied: 76976
76976 Sep 28, 2009 at 17:30:56 (UTC)
Goto Top
habe mein Poblem bereits gelöst ;)
mache das ganze jetzt über css wobei ich damit auch einige probleme habe :S
also der text soll links stehen und das bild rechts..

die 'index.html' :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">  
   <html>
      <head>
         <link rel="shortcut icon" href="icon.png" type="image/png">  
         <link rel="icon" href="icon.png" type="image/png">  
         <title>
            UBUNTU
         </title>
         <link rel="stylesheet" type="text/css" href="style.css">  
      </head>
      <body>
         <div class=bg>
            <div id=top>
               <div id=links>
                  <list>
                     <li>
                        <a href="index.html">Home</a>  
                        <a href="pro.html">Vorteile</a>  
                        <a href="contra.html">Nachteile</a>  
                        <a href="terminal.html">Terminal</a>  
                        <a href="software.html">Software</a>  
                     </li>
                  </list>
               </div>
            </div>
         </div>
         <div id=middle class=bg>
            <h1><u>Ubuntu -- Allgemein</u></h1><br>
            <p>
<a href="http://www.ubuntu.com/">Ubuntu</a> ist ein Linux Betriebsystem. Es kann f&uuml;r <a href="http://www.ubuntu.com/getubuntu">Laptops, Netbooks, Desktop-PCs und Server</a> genutzt werden.  
            </p>
            <div id=pic>
               <img src="logo.png">  
            </div>
            <p>
Es ist kostenlos. Man kann dieses Betriebsystem auf der Internetseite <a href="http://www.ubuntu.com/">ubuntu.com</a> herunterladen oder auf der Internetseite <a href="https://shipit.ubuntu.com/">shipit.ubuntu.com</a> eine (oder mehrere) kostenlose CD(s) anfordern. Die aktuelle Verion ist 9.04; die nachfolgende Version 9.10 kommt am 29. Oktober dieses Jahres (2009) heraus.  
            </p><br>
            <h2>Mehrbenutzersystem</h2>
            <p>
Das eigentlich Interessante ist die Mehbenutzerfunktion. Man kann auf Ubuntu einen <a href="http://wiki.ubuntuusers.de/LTSP">LTSP-Server</a> (LTSP = LinuxTerminalServerProject) einrichten, somit kann man via Netzwerk einen alten Rechner ohne gro&szlig;e Leistung mit der Leistung eines besseren betreiben.  
            </p><br>
         </div>
         <div id=bottom>
            <p>Produced by Jens Keim, <a href="http://www.mls.weschnitztal.de/">Martin-Luther-Schule</a> 64668 Rimbach</p>  
         </div>
      </body>
   </html>

die 'style.css' :
/*body + links*/
body {
   color: #01E700;
   background-image: url('background.png'); 
   background-position: center;
}
A:link {
   font-size: 13pt;
   color: #01E700;
}
A:visited {
   font-size: 13pt;
   color: #01E700;
}
A:active {
   font-size: 17pt;
   color: #01E700;
}
A:hover {
   font-size: 17pt;
   color: #01E700;
}

/*ID's + Class's*/ 
.bg {
   margin: auto;
   background-image: url('bg.png'); 
   width: 625px;
}
#top {
   margin: auto;
   background-image: url('header.png'); 
   width: 625px;
   height: 184px;
}
#links {
   position: relative;
   left: 10%;
   top: 78%;
   text-align: center;
}
#middle {
   left: 100%;
   top: 100%;
}
#pic{
}
#bottom {
   margin: auto;
   background-image: url('bg.png'); 
   width: 520px;
}

MfG pepper-jk