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

HTML Problem mit der Prozentangabe bei DIV Containern

Frage Entwicklung CSS

Mitglied: FPMH

FPMH (Level 1) - Jetzt verbinden

23.03.2008, aktualisiert 19.07.2008, 4125 Aufrufe, 6 Kommentare

Nabend zusammen,

ich habe ein Problem mit diesem Quellcode:
01.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
02.
       "http://www.w3.org/TR/html4/loose.dtd"> 
03.
<html> 
04.
<head> 
05.
<title>Navigation</title> 
06.
	<style>.bglinks 
07.
08.
				display:block; 
09.
				background-image:url(bglinks.png); 
10.
				position:absolute;top:0%;left:0%;width:150px;height:100%; 
11.
12.
			.bgleiste 
13.
14.
				display:block; 
15.
				background-image:url(leistebuttons.png); 
16.
				position:absolute;top:0%;left:0%;width:100%;height:2px; 
17.
18.
	</style> 
19.
</head> 
20.
<body> 
21.
<div style="position:absolute;top:5px;left:150px;width:100%;height:100%;"><font size="+2"><center>&Uuml;ber Uns</center></font></div> 
22.
<div class="bglinks"></div> 
23.
<div class="bgleiste"></div> 
24.
</body> 
25.
</html> 
26.
<code> 
27.
Und zwar soll der Container: 
28.
<code> 
29.
<div style="position:absolute;top:5px;left:150px;width:100%;height:100%;"> 
rechts neben dem 150px breiten container
01.
<div class="bglinks"></div>
sein und nach rechts hin variabel.
Wenn ich das jetzt allerdings so mache wie dort oben also mit dem "left:150px" und aber "width:100%" dann wird die seite zu breit... weil anscheinend 150px + 100% gerechnet werden. Das heißt die Seite ist 150px zu breit.

Meine Frage ist ob es irgendwas gibt das dem entgegenwirken kann.
zB width:100%-150px oder so in der Art :D

Hoffe auf schnelle Hilfe
MfG Felix
Mitglied: EvilMoe
23.03.2008 um 23:41 Uhr
Ist eigentlich auch logisch oder? Du willst ein Div das 100% breit ist und verschiebst das nach rechts um 150px. Klar das es dann zu breit wird.

Was passsiert wenn du "width:auto;" machst?
Bitte warten ..
Mitglied: FPMH
24.03.2008 um 10:44 Uhr
Danke für den Tipp aber leider funktioniert dies ebenfalls nicht. Bei width: auto wird der container lediglich an die schriftangepasst.
Bitte warten ..
Mitglied: EvilMoe
24.03.2008 um 11:17 Uhr
Momentan fallen mir gerade noch 2 Sachen ein du du mal probieren könntest.
Was geschieht wenn du "position:relative" setzt?

Eine unsaubere Methode wäre noch. Du lässt "width:100%" und setzt dazu "overflow-x: hidden". Wäre zwar nicht schön aber so sieht man den Scrollbalken nicht.
Bitte warten ..
Mitglied: FPMH
24.03.2008 um 22:03 Uhr
Geliches Problem..
Aber danke für deine Hilfe
Bitte warten ..
Mitglied: Dani
30.06.2008 um 09:13 Uhr
Moin,
wie ich sehe( grüner Haken) hast du die Lösung gefunden. Doch bitte sei so nett und lass und nicht dofff sterben.


Gruss,
Dani
Bitte warten ..
Mitglied: FPMH
19.07.2008 um 16:04 Uhr
Damit ihr nicht dofff sterben müsst :P

Ich habs letztendlich so gemacht:
01.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
02.
"http://www.w3.org/TR/html4/loose.dtd">; 
03.
<html> 
04.
<head> 
05.
<title>Navigation</title> 
06.
<style>.bglinks { 
07.
 display:block; 
08.
 background-image:url(bglinks.png); 
09.
 position:absolute;top:0%;left:0%;width:150px;height:100%; 
10.
11.
.bgleiste { 
12.
 display:block; 
13.
 background-image:url(leistebuttons.png); 
14.
 position:absolute;top:0%;left:0%;width:100%;height:2px; 
15.
16.
 
17.
.main { 
18.
 margin-left:150px; 
19.
20.
 
21.
#content { 
22.
 width:100%; 
23.
24.
</style> 
25.
</head> 
26.
<body> 
27.
<div id="content"> 
28.
    <div class="main"><font size="+2"><center>&Uuml;ber Uns</center></font></div> 
29.
    <div class="bglinks"></div> 
30.
    <div class="bgleiste"></div> 
31.
</div> 
32.
</body> 
33.
</html>
Bitte warten ..
Ähnliche Inhalte
Outlook & Mail
Outlook 2016 Problem mit HTML Vorlagen

Frage von mario01 zum Thema Outlook & Mail ...

Vmware
gelöst Keyboard problem (4)

Frage von rocco61 zum Thema Vmware ...

Windows Server
Freigaben, Berechtigung Problem nach Deaktivierung von Vererbung (7)

Frage von opc123 zum Thema Windows Server ...

Windows Update
WSUS Server Problem

Frage von mibo17 zum Thema Windows Update ...

Neue Wissensbeiträge
Drucker und Scanner

Samsung SL-M4025ND, firmware update und (kompatible) Tonerkassetten

(1)

Erfahrungsbericht von markus-1969 zum Thema Drucker und Scanner ...

Router & Routing

PfSense auf Supermicro Intel Xeon D-15x8 SoC Bare Bone

Tipp von Dobby zum Thema Router & Routing ...

Windows Server

Exchange 2010 auf Windows Server 2016 und AD

(2)

Tipp von Herbrich19 zum Thema Windows Server ...

Heiß diskutierte Inhalte
LAN, WAN, Wireless
Brauche Hilfe: Mit (schnellem) WLAN Strecke überbrücken (22)

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

Windows 10
Windows für Privatanwender "nicht mehr handhabbar" (16)

Frage von FA-jka zum Thema Windows 10 ...

Basic
Programmierung von Windows Programmen (10)

Frage von Ghost108 zum Thema Basic ...