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, 3957 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
Ähnliche Inhalte
Python
Problem mit Python und imaplib2

Frage von meinsm zum Thema Python ...

Windows 7
gelöst Windows 7 Umzug zum neuen PC (SATA-Problem) (7)

Frage von MaxMoritz6 zum Thema Windows 7 ...

Batch & Shell
Problem mit Funktion und Combobox (7)

Frage von Druide83 zum Thema Batch & Shell ...

Heiß diskutierte Inhalte
Switche und Hubs
LAG zwischen Cisco SG300 und Dlink DGS1100 herstellen - wie? (18)

Frage von White-Rabbit2 zum Thema Switche und Hubs ...

CPU, RAM, Mainboards
Hardware Fragen (12)

Frage von xaver-2 zum Thema CPU, RAM, Mainboards ...

Grafikkarten & Monitore
Neue Graifkkarte - kein Bild (10)

Frage von bestelitt zum Thema Grafikkarten & Monitore ...

Exchange Server
gelöst Exchange 2013 - Kontakte aus CSV importieren (9)

Frage von hesper zum Thema Exchange Server ...