Top-Themen

Aktuelle Themen (A bis Z)

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

Frage Entwicklung CSS

GELÖST

Text verschiebt sich ungewollt nach unten

Mitglied: v3rtico

v3rtico (Level 1) - Jetzt verbinden

19.11.2008, aktualisiert 10:26 Uhr, 3318 Aufrufe, 2 Kommentare

Ich schreibe gerade an einer Seite auf welcher ich eine neue Navigation im Registerkarten-Stil teste. Dabei verschiebt sich der Text in der Registerkarte allerdings ungewollter Weise nach unten.

Hier erstmal ein Screenshot der Seite:



Oben in den Registerkarten verschiebt sich der Text "Test" weiter nach unten, sogar aus dem DIV raus. Der Text sollte mit dem "Testlink" auf einer höhe liegen.

Hier der Quelltext der Seite:

01.
<html> 
02.
 
03.
	<head> 
04.
		<title>Testseite</title> 
05.
		<link rel="stylesheet" type="text/css" href="styles/style.css"> 
06.
	</head> 
07.
	 
08.
	<body bgcolor="FFE8D6"> 
09.
		<!-- Außenrand--> 
10.
<table width="100%" height="100%"  border="0" cellpadding="0" cellspacing="0">  
11.
  <tr>  
12.
    <td valign="middle"> 
13.
		 
14.
		<div class="outerdiv"> 
15.
		 
16.
		<img src="images/header.png"> 
17.
		 
18.
				<div align="center" class="naviyes"><p class="navi">Test</p></div><div align="center" class="navino"><a class="navi" href="index.html">Testlink</a></div><div class="navino" align="center"><p class="navi">Test</p></div><div align="center" class="navino"></div>		 
19.
		 
20.
				<div class="innerdiv"> 
21.
				<p>Testtesttest.<br></div> 
22.
 
23.
		</div> 
24.
	</td></tr></table> 
25.
	</body> 
26.
 
27.
</html>

und hier das CSS:

01.
div.outerdiv { 
02.
	background-image: url(../images/png.png); 
03.
	background-repeat:no-repeat; 
04.
	background-position:center; 
05.
	margin: 5em 5em 5em 5em; 
06.
	padding-left:50px; 
07.
	padding-right:170px; 
08.
	width:730px; 
09.
	height: 580px; 
10.
	border:1px solid EE6C39; 
11.
	margin: auto;} 
12.
 
13.
div.navino { 
14.
	float: left; 
15.
	position: relative; 
16.
	width:182px; 
17.
	height:35px; 
18.
	border-bottom:1px solid EE6C39; 
19.
	border-top:1px transparent; 
20.
	border-left:1px transparent; 
21.
	border-right:1px transparent; 
22.
	padding-left: 0px; 
23.
	padding-right: 0px; 
24.
	padding-top: 0px; 
25.
	padding-bottom: 0px} 
26.
	 
27.
div.naviyes { 
28.
	float: left; 
29.
	position: relative; 
30.
	width:182px; 
31.
	height:35px; 
32.
	background-image: url(../images/white_t.png); 
33.
	border-bottom:1px transparent; 
34.
	border-top:1px solid EE6C39; 
35.
	border-left:1px solid EE6C39; 
36.
	border-right:1px solid EE6C39; 
37.
	padding-left: 0px; 
38.
	padding-right: 0px; 
39.
	padding-top: 0px; 
40.
	padding-bottom: 0px} 
41.
	 
42.
div.innerdiv { 
43.
	position: absolute; 
44.
	font-family: Arial; 
45.
	font-size: 13px; 
46.
	background-image: url(../images/white_t.png); 
47.
	width:628px; 
48.
	height: 300px; 
49.
	border-bottom:1px solid EE6C39; 
50.
	border-left:1px solid EE6C39; 
51.
	border-right:1px solid EE6C39; 
52.
	border-top:0px transparent; 
53.
	padding-left: 50px; 
54.
	padding-right: 50px; 
55.
	padding-top: 20px; 
56.
	padding-bottom: 20px; 
57.
	margin-top: 36px;} 
58.
	 
59.
p.navi { 
60.
	font-family: Arial; 
61.
	font-size: 20px; 
62.
	color: #EE6C39;} 
63.
 
64.
a.navi:hover { 
65.
	font-family: Arial; 
66.
	font-size: 20px; 
67.
	color: #EE6C39; 
68.
	text-decoration: none;} 
69.
 
70.
a.navi:visited { 
71.
	font-family: Arial; 
72.
	font-size: 20px; 
73.
	color: #F9A870; 
74.
	text-decoration: none;} 
75.
 
76.
a.navi:link { 
77.
	font-family: Arial; 
78.
	font-size: 20px; 
79.
	color: #F9A870; 
80.
	text-decoration: none;} 
81.
 
82.
 
Kann mir da jemand helfen? Ich hab schon alles probiert.

Danke schonmal,

Grüße,
Max aka v3rtico
Mitglied: solverone
19.11.2008 um 10:11 Uhr
<div align="center" class="navino">
<p class="navi"><a class="navi" href="index.html">Testlink</a></p>

</div>

hat bei mir im firefox funktioniert...

wenn ich mich recht erinnere gab es da irgendeine einschränkung, was im <div> verschaltet werden darf... oder so ähnlich...

vielleicht hilft es ja weiter...

gruss, mike
Bitte warten ..
Mitglied: v3rtico
19.11.2008 um 10:26 Uhr
Ich hab mir jetzt einfach n workaround ausgedacht mit dem es klappt: Ich hab n Table in das div gesetzt mit valign="middle"

Danke trotzdem
Bitte warten ..
Ähnliche Inhalte
Windows Server
GPO greift auf unterer OU nicht
gelöst Frage von MissJonesWindows Server7 Kommentare

Hallo ihr Lieben, ich habe mich gerade mal hier angemeldet, da ich trotz der vorhandenen Beiträge nicht weiterkomme. Momentan ...

CPU, RAM, Mainboards
Effizientes Netzteil im unteren Lastbereich
Frage von trallerCPU, RAM, Mainboards3 Kommentare

Hallo, welche Netzteile sind im unteren Lastbereich, bei Dauerbetrieb eines Home-NAS effizient? Ich nehme mal die bekannte Pico-PSU aus ...

Outlook & Mail
Autoarchivierung Outlook 2013 verschiebt keine Mails
Frage von Fruehling2017Outlook & Mail2 Kommentare

Hallo. Ich habe ein Outlook 2013 Client, der keine Autoarchivierung mehr macht. Sprich, ich sage er soll den Posteingang ...

Windows 7
Windows Explorer, wie untere Infoleiste entfernen?
gelöst Frage von Server4AlleWindows 72 Kommentare

Hallo, wie kann ich im Windows Explorer die untere Infoleiste entfernen? Viele Grüße.

Neue Wissensbeiträge
Linux

Meltdown und Spectre: Linux Update

Information von Frank vor 12 StundenLinux1 Kommentar

Meltdown (Variante 3 des Prozessorfehlers) Der Kernel 4.14.13 mit den Page-Table-Isolation-Code (PTI) ist nun für Fedora freigegeben worden. Er ...

Tipps & Tricks

Solutio Charly Updater Fehlermeldung: Das Abgleichen der Dateien in -Pfad- mit dem Datenobject ist fehlgeschlagen

Tipp von StefanKittel vor 1 TagTipps & Tricks

Hallo, hier einmal als Tipp für alle unter Euch die mit der Zahnarztabrechnungssoftware Charly von Solutio zu tun haben. ...

Sicherheit

Meltdown und Spectre: Wir brauchen eine "Abwrackprämie", die die CPU-Hersteller bezahlen

Information von Frank vor 1 TagSicherheit12 Kommentare

Zum aktuellen Thema Meltdown und Spectre: Ich wünsche mir von den CPU-Herstellern wie Intel, AMD oder ARM eine Art ...

Sicherheit

Meltdown und Spectre: Realitätscheck

Information von Frank vor 1 TagSicherheit9 Kommentare

Die unangenehme Realität Der Prozessorfehler mit seinen Varianten Meltdown und Spectre ist seit Juni 2017 bekannt. Trotzdem sind immer ...

Heiß diskutierte Inhalte
Sicherheit
Meltdown und Spectre: Die machen uns alle was vor
Information von FrankSicherheit24 Kommentare

Aktuell sieht es in den Medien so aus, als hätten die Hersteller wie Intel, Microsoft und Co den aktuellen ...

Ubuntu
Ubuntu - Starter für nicht vertrauenswürdige Anwendungen
Frage von adm2015Ubuntu17 Kommentare

Hallo zusammen, Ich verwende derzeit die Ubuntu Versionen 17.10 bzw. im Test 18.04. Ich habe mehrere .desktop Dateien in ...

Netzwerke
Packet loss bei "InternetLeitungsvollauslastung"
gelöst Frage von Freak-On-SiliconNetzwerke17 Kommentare

Servus; Ja der Titel klingt komisch, is aber so. Wenn die Internetleitung voll ausgelastet ist, hab ich extreme packet ...

Windows 10
Automatische daten kopieren, USB zu USB unter Win10 im Hintergrund
Frage von DerEisigeWindows 1016 Kommentare

Hallo Leute, ich bin auf der Suche nach einem Skript, dass von einem USB Stick automatisch nach dem einstecken ...