Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

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
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, 3310 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
CPU, RAM, Mainboards
Effizientes Netzteil im unteren Lastbereich (3)

Frage von traller zum Thema CPU, RAM, Mainboards ...

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 ...

Neue Wissensbeiträge
Notebook & Zubehör

WOL bei HP Notebooks

(3)

Erfahrungsbericht von Henere zum Thema Notebook & Zubehör ...

LAN, WAN, Wireless

Neue Cisco Catalyst-Serie 9000

Information von Kuemmel zum Thema LAN, WAN, Wireless ...

Sicherheit

Millionen Euro in den Sand gesetzt?

(3)

Information von transocean zum Thema Sicherheit ...

Heiß diskutierte Inhalte
Windows 10
Netzwerkkarte schaltet sich erst nach dem Logon ein (19)

Frage von DerWoWusste zum Thema Windows 10 ...

Windows Server
Seit IP Umstellung DC DNS Fehler (15)

Frage von Yaimael zum Thema Windows Server ...

Netzwerke
Mobile Einwahl IPSec VPN von iPhone iPad T-Mobile zur Pfsense (14)

Frage von Spitzbube zum Thema Netzwerke ...

Weiterbildung
gelöst Fest angestellter Admin oder Systemhaus Admin mit Kundenbetreuung? (14)

Frage von Voiper zum Thema Weiterbildung ...