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, 3306 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 7
gelöst Windows Explorer, wie untere Infoleiste entfernen? (2)

Frage von Server4Alle zum Thema Windows 7 ...

Administrator.de Feedback
gelöst Text nach Smiley Symbol auf iPad weg (5)

Frage von Deepsys zum Thema Administrator.de Feedback ...

Microsoft Office
gelöst Excel: Wie waagerechtes Säulendiagramm von oben nach unten durchzählen? (3)

Frage von Hobi84 zum Thema Microsoft Office ...

Windows Server
gelöst GPO greift auf unterer OU nicht (7)

Frage von MissJones zum Thema Windows Server ...

Neue Wissensbeiträge
Windows Server

Umstellung SHA 1 auf SHA 2 - Migration der CA von CSP auf KSP

Tipp von Badger zum Thema Windows Server ...

Windows 10

Quato DTP94 unter Windows 10 x64 installieren und verwenden

Anleitung von anteNope zum Thema Windows 10 ...

Windows 10

Win10 1703 und Nutzerkennwörter bei Ersteinrichtung - erstaunliche Erkenntnis

(15)

Erfahrungsbericht von DerWoWusste zum Thema Windows 10 ...

Heiß diskutierte Inhalte
LAN, WAN, Wireless
CNC Maschinen verlieren Netzwerkverbindung (kurioser Fehler) (22)

Frage von NoHopeNoFear zum Thema LAN, WAN, Wireless ...

Drucker und Scanner
Erfahrungen mit Enterprise-Tintenstrahldruckern A4 und A3 (14)

Frage von User1000 zum Thema Drucker und Scanner ...

Webentwicklung
Aktuellen Mitarbeiter auf Homepage anzeigen (13)

Frage von alemanne21 zum Thema Webentwicklung ...