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

Der Text erscheint unter dem DIV

Frage Entwicklung CSS

Mitglied: Truble

Truble (Level 1) - Jetzt verbinden

21.01.2011 um 23:56 Uhr, 2744 Aufrufe, 1 Kommentar

Hallo also ich habe das folgendens Problem. Ich möchte dass meine seite mit den DIV elementen so aufgebaut wird:

ce9981dde1fb342b784b6ccc6da1f86e - Klicke auf das Bild, um es zu vergrößern

Also dass der eine div navi_l1 über dem Banner DIV ist.
Das habe ich ja auch hin bekommen nur wenn ich in dem div was rein schreiben
möchte erscheint der Text immer unter dem dem DIV und nicht in ihm.

Weiß da wer einen Rat?

01.
  
02.
body{ 
03.
background-color: #666666; 
04.
	font-family:Arial, Helvetica, sans-serif; 
05.
	font-size:12px; 
06.
	text-decoration:none; 
07.
	color:#000000; 
08.
09.
 
10.
#main{ 
11.
	height:auto; 
12.
	width:1024px; 
13.
	margin:0px auto; 
14.
15.
 
16.
 
17.
#banner_main{ 
18.
	height:389px; 
19.
	width:1024px; 
20.
	top:0px; 
21.
	left:0px; 
22.
	float:left; 
23.
	background:#F3C; 
24.
25.
 
26.
#sozial{ 
27.
	height:38px; 
28.
	width:1024px; 
29.
	top:0px; 
30.
	left:0px; 
31.
	float:left; 
32.
	background:#060; 
33.
34.
 
35.
#banner{ 
36.
	height:351px; 
37.
	width:1024px; 
38.
	top:38px; 
39.
	left:0px; 
40.
	float:left; 
41.
	background:#690; 
42.
43.
 
44.
#navi_l1{ 
45.
	height:269px; 
46.
	width:156px; 
47.
	top:129px; 
48.
	left:690px; 
49.
	background:#000; 
50.
	position:relative; 
51.
	z-index:2; 
52.
	background:#600; 
53.
54.
 
55.
 
56.
#content_main{ 
57.
	height:auto; 
58.
	width:1024px; 
59.
	top:0px; 
60.
	left:0px; 
61.
	float:left; 
62.
	background:#F99; 
63.
64.
 
65.
#content{ 
66.
	height:auto; 
67.
	width:690px; 
68.
	top:0px; 
69.
	left:0px; 
70.
	float:left; 
71.
	background:#6C3; 
72.
73.
 
74.
#navi_l2{ 
75.
	height:123px; 
76.
	width:156px; 
77.
	top:0px; 
78.
	left:690px; 
79.
	background:#000; 
80.
	position:relative; 
81.
	background:#CFF; 
82.
83.
 
84.
#footer_l1{ 
85.
	height:6px; 
86.
	width:1024px; 
87.
	top:0px; 
88.
	left:0px; 
89.
	float:left; 
90.
	text-align:center; 
91.
	background:#03F; 
92.
93.
 
94.
#footer_l2{ 
95.
	height:20px;; 
96.
	width:1024px; 
97.
	top:0px; 
98.
	left:0px; 
99.
	float:left; 
100.
	text-align:center; 
101.
	background:#96F; 
102.
}
und der HTML:
01.
  
02.
<!doctype html> 
03.
<html> 
04.
<head> 
05.
	<title>Test</title> 
06.
	<link href="css/main_test.css" rel="stylesheet" type="text/css" /> 
07.
</head> 
08.
<body> 
09.
 
10.
<div id="main"> 
11.
     
12.
    <div id="banner_main"> 
13.
        <div id="sozial"></div> 
14.
         
15.
		<div id="banner"></div>  
16.
        <div id="navi_l1">wiese hier?</div>      
17.
    </div>    
18.
    <div id="content_main"> 
19.
        <div id="content">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore 	et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor inviduno dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur 
20.
        </div> 
21.
        <div id="navi_l2">wie steht der da</div> 
22.
    </div> 
23.
        <div id="footer_l1"></div> 
24.
   		<div id="footer_l2"></div>    
25.
</div> 
26.
 
27.
</body> 
28.
</html>
Mitglied: Florian.Sauber
22.01.2011 um 02:15 Uhr
Moin Truble,

mir ist gerade echt zu spät, das genauer anzusehen. Nicht ganz sauber, aber schnell würde es so gehn.
01.
  
02.
<html> 
03.
  <head> 
04.
    <style type="text/css"> 
05.
       body{background:red;margin:20;padding:0;} 
06.
       #container {width:1024px;margin:0px auto;} 
07.
       #header1{background-color:silver;height:100px;} 
08.
       #header2{background-color:gold;height:100px;} 
09.
       #wrapper{float:left;width:100%;margin-left:-33%} 
10.
       #content{background:yellow;margin-left:33%;height:200px;} 
11.
       #nav1{background:blue;float:right;width:23%;height:200px;margin-top:-150px;margin-right:10%;} 
12.
       #nav2{background:green;float:right;width:23%;height:50px;margin-right:10%;} 
13.
       #footer{background:black;clear:both;width:100%;} 
14.
    </style> 
15.
  </head> 
16.
 
17.
  <body> 
18.
    <div id="container"> 
19.
       <div id="header1">header1</div> 
20.
       <div id="header2">header2</div>    
21.
       <div id="wrapper"> 
22.
         <div id="content">content</div> 
23.
       </div> 
24.
       <div id="nav1">nav1</div> 
25.
       <div id="nav2">nav2</div> 
26.
       <div id="footer">footer</div> 
27.
    </div> 
28.
  </body> 
29.
</html>
Könnte Dir aber weiterhelfen...

LG Florian
Bitte warten ..
Ähnliche Inhalte
HTML
gelöst Iframe wird zu klein in div angezeigt (7)

Frage von Thomas91 zum Thema HTML ...

JavaScript
gelöst Datumabhängiger Text in HTML anzeigen (4)

Frage von adm2015 zum Thema JavaScript ...

HTML
gelöst Seitenwechsel innerhalb einer div-Box in HTML+CSS (7)

Frage von honeybee zum Thema HTML ...

CSS
DIV Container einheitliche Höhe (7)

Frage von Yanmai zum Thema CSS ...

Neue Wissensbeiträge
Windows Update

Offenbar erneutes MS-Update mit Fehlerschleife (2012 R2)

Information von VGem-e zum Thema Windows Update ...

Windows Installation

Unorthodoxer Weg, um an einen Offline-Installer für Adobe Flash zu kommen

(14)

Tipp von beidermachtvongreyscull zum Thema Windows Installation ...

Datenschutz

Gefährdeter Datenschutz: Firefox löscht lokale Datenbanken nicht

(1)

Information von BassFishFox zum Thema Datenschutz ...

Heiß diskutierte Inhalte
Exchange Server
gelöst Proxy Server Settings Cloud + EWS (17)

Frage von SomebodyToLove zum Thema Exchange Server ...

Windows Server
PDF Editor für den Einsatz auf Terminal Servern (16)

Frage von kwame501 zum Thema Windows Server ...

Windows Installation
Unorthodoxer Weg, um an einen Offline-Installer für Adobe Flash zu kommen (14)

Tipp von beidermachtvongreyscull zum Thema Windows Installation ...

Windows Server
S MIME Zertifikat aus AD in Outlook einbinden (12)

Frage von chb1982 zum Thema Windows Server ...