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
GELÖST

Text verschiebt sich ungewollt nach unten

Frage Entwicklung CSS

Mitglied: v3rtico

v3rtico (Level 1) - Jetzt verbinden

19.11.2008, aktualisiert 10:26 Uhr, 3278 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 ..
Neuester Wissensbeitrag
Ähnliche Inhalte
Batch & Shell
gelöst For Schleife für Abgleich mit Text-Datei und Unterverzeichnisse (4)

Frage von grisur zum Thema Batch & Shell ...

Microsoft Office
gelöst Excel: Text in Zellbereich prüfen mit Vergleichstext ggf. mit Exact-Funktion (5)

Frage von Michi1 zum Thema Microsoft Office ...

Microsoft Office
gelöst Wie kann man die Standard-Schriftart bei einfügen von Text in Word 2013 festlegen? (3)

Frage von Rene1976 zum Thema Microsoft Office ...

Heiß diskutierte Inhalte
Windows Installation
Eine etwas (wirklich) speziellere Frage: Windows 10-Installation über (11)

Frage von DerFurrer zum Thema Windows Installation ...

Linux
gelöst Boot failed: not a bootable disk (10)

Frage von Fleckmen zum Thema Linux ...

Windows Server
Probleme mit Client Software Zugriff auf Windows Server 2012 (8)

Frage von it-kolli zum Thema Windows Server ...

Multimedia & Zubehör
gelöst Iphone 6 prob (8)

Frage von jensgebken zum Thema Multimedia & Zubehör ...