Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

problem mit Tabelle

Frage Entwicklung CSS

Mitglied: 76976

76976 (Level 1)

24.09.2009 um 13:51 Uhr, 3952 Aufrufe, 3 Kommentare

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
Mitglied: TheJoker2305
24.09.2009 um 14:20 Uhr
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
Bitte warten ..
Mitglied: Alex1989
24.09.2009 um 14:22 Uhr
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
Bitte warten ..
Mitglied: 76976
28.09.2009 um 19:30 Uhr
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' :
01.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> 
02.
   <html> 
03.
      <head> 
04.
         <link rel="shortcut icon" href="icon.png" type="image/png"> 
05.
         <link rel="icon" href="icon.png" type="image/png"> 
06.
         <title> 
07.
            UBUNTU 
08.
         </title> 
09.
         <link rel="stylesheet" type="text/css" href="style.css"> 
10.
      </head> 
11.
      <body> 
12.
         <div class=bg> 
13.
            <div id=top> 
14.
               <div id=links> 
15.
                  <list> 
16.
                     <li> 
17.
                        <a href="index.html">Home</a> 
18.
                        <a href="pro.html">Vorteile</a> 
19.
                        <a href="contra.html">Nachteile</a> 
20.
                        <a href="terminal.html">Terminal</a> 
21.
                        <a href="software.html">Software</a> 
22.
                     </li> 
23.
                  </list> 
24.
               </div> 
25.
            </div> 
26.
         </div> 
27.
         <div id=middle class=bg> 
28.
            <h1><u>Ubuntu -- Allgemein</u></h1><br> 
29.
            <p> 
30.
<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. 
31.
            </p> 
32.
            <div id=pic> 
33.
               <img src="logo.png"> 
34.
            </div> 
35.
            <p> 
36.
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. 
37.
            </p><br> 
38.
            <h2>Mehrbenutzersystem</h2> 
39.
            <p> 
40.
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. 
41.
            </p><br> 
42.
         </div> 
43.
         <div id=bottom> 
44.
            <p>Produced by Jens Keim, <a href="http://www.mls.weschnitztal.de/">Martin-Luther-Schule</a> 64668 Rimbach</p> 
45.
         </div> 
46.
      </body> 
47.
   </html>
die 'style.css' :
01.
/*body + links*/ 
02.
body { 
03.
   color: #01E700; 
04.
   background-image: url('background.png'); 
05.
   background-position: center; 
06.
07.
A:link { 
08.
   font-size: 13pt; 
09.
   color: #01E700; 
10.
11.
A:visited { 
12.
   font-size: 13pt; 
13.
   color: #01E700; 
14.
15.
A:active { 
16.
   font-size: 17pt; 
17.
   color: #01E700; 
18.
19.
A:hover { 
20.
   font-size: 17pt; 
21.
   color: #01E700; 
22.
23.
 
24.
/*ID's + Class's*/ 
25.
.bg { 
26.
   margin: auto; 
27.
   background-image: url('bg.png'); 
28.
   width: 625px; 
29.
30.
#top { 
31.
   margin: auto; 
32.
   background-image: url('header.png'); 
33.
   width: 625px; 
34.
   height: 184px; 
35.
36.
#links { 
37.
   position: relative; 
38.
   left: 10%; 
39.
   top: 78%; 
40.
   text-align: center; 
41.
42.
#middle { 
43.
   left: 100%; 
44.
   top: 100%; 
45.
46.
#pic{ 
47.
48.
#bottom { 
49.
   margin: auto; 
50.
   background-image: url('bg.png'); 
51.
   width: 520px; 
52.
}
MfG pepper-jk
Bitte warten ..
Neuester Wissensbeitrag
Windows 10

Powershell 5 BSOD

(8)

Tipp von agowa338 zum Thema Windows 10 ...

Ähnliche Inhalte
DSL, VDSL
Problem mit variernder Internetgeschwindigkeit (12)

Frage von schaurian zum Thema DSL, VDSL ...

Windows Netzwerk
gelöst Problem mit PSexec64 von Sysinternals (8)

Frage von MaxMoritz6 zum Thema Windows Netzwerk ...

Windows Server
gelöst Problem nach DC-Installation unter Server 2012 R2 (9)

Frage von manuel1985 zum Thema Windows Server ...

Heiß diskutierte Inhalte
Microsoft
Ordner mit LW-Buchstaben versehen und benennen (21)

Frage von Xaero1982 zum Thema Microsoft ...

Windows Update
Treiberinstallation durch Windows Update läßt sich nicht verhindern (17)

Frage von liquidbase zum Thema Windows Update ...

Windows Tools
gelöst Aussendienst Datensynchronisierung (12)

Frage von lighningcrow zum Thema Windows Tools ...

Windows Server
Suche passender Treiber (12)

Frage von stolli zum Thema Windows Server ...