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, 3271 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
CPU, RAM, Mainboards

Angetestet: PC Engines APU 3a2 im Rack-Gehäuse

Erfahrungsbericht von ashnod zum Thema CPU, RAM, Mainboards ...

Ähnliche Inhalte
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 ...

VB for Applications
gelöst VBA Text mit Format übertragen und Zeichen ergänzen (11)

Frage von Dau12345 zum Thema VB for Applications ...

Outlook & Mail
gelöst Emails werden ohne Signatur und Text versendet - Outlook 2010 (11)

Frage von IT-com zum Thema Outlook & Mail ...

Heiß diskutierte Inhalte
Grafikkarten & Monitore
Win 10 Grafikkarte Crash von Software? (13)

Frage von Marabunta zum Thema Grafikkarten & Monitore ...

DSL, VDSL
DSL-Signal bewerten (12)

Frage von SarekHL zum Thema DSL, VDSL ...

Windows Server
Mailserver auf Windows Server 2012 (8)

Frage von StefanT81 zum Thema Windows Server ...

Backup
Clients als Server missbrauchen? (8)

Frage von 1410640014 zum Thema Backup ...