problem mit Tabelle

Hallo alle zusammen

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

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 125710

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

Ausgedruckt am: 22.11.2024 um 19:11 Uhr

3 Kommentare

Neuester Kommentar

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

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

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;
}