Top-Themen

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 HTML Problem mit der Prozentangabe bei DIV Containern

Mitglied: FPMH

FPMH (Level 1) - Jetzt verbinden

23.03.2008, aktualisiert 19.07.2008, 4164 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
HTML
DIV-Container mit variabler Höhe
gelöst Frage von dimaqwHTML4 Kommentare

Hallo! Kurz zu meinem Problem: ich habe 3 DIVs (Header, Container und Footer), die untereinander stehen. Es muss erreicht ...

CSS
DIV Container einheitliche Höhe
Frage von YanmaiCSS7 Kommentare

Hallo ihr Administratoren, ich habe DIVs mit der display: inline-block Eigenschaft. An sich funktioniert alles, aber wenn in einem ...

JavaScript

Funktion ausführen nach Refresch von DIV Container

gelöst Frage von wiesi200JavaScript2 Kommentare

Hallo, ich hab gerade auf Grund meiner bescheidenen JavaScript Kenntnisse Probleme beim Ausführen einer Funktion. Aktuell habe ich auf ...

JavaScript

Aktualisieren von DIV Containern per JavaScript

gelöst Frage von wiesi200JavaScript4 Kommentare

Hallo erstmal. aktuell Programmiere ich eine Webseite zur Statusanzeige unserer Fertigungsmaschinen. Ansich nicht's spannendes. Der Grundaufbau ist aktuell vereinfacht ...

Neue Wissensbeiträge
Microsoft

Neuigkeiten zu Server und Office 365 was läuft mit was und was nicht

Tipp von AlFalcone vor 5 StundenMicrosoft

Server Betriebssysteme auf dem die verschiedenen Offices nicht supported sind: • Office 365 ist und wird nicht supported auf Windows ...

Speicherkarten

Neuer Speicherkartentyp - zunächst nur für Huawei-Smartphones (künftig auch für Notebooks u. Tablets?)

Tipp von VGem-e vor 6 StundenSpeicherkarten1 Kommentar

Servus, als ob das "Chaos" i.S. Speicherkarten noch nicht groß genug wäre?! Evtl. kommt dieser neue Kartentyp bald auch ...

Sicherheit

Diverse D-Link-Router durch drei Schwachstellen kompromittierbar

Information von kgborn vor 8 StundenSicherheit

Hat jemand D-Link-Router in Verwendung? Einige Modelle sind sicherheitstechnisch offen wie ein Scheunentor. Äußerst unschöne Sache, aber nichts neues ...

Hardware

100.000 Mikrotik-Router ungefragt von Hacker abgesichert

Information von 7Gizmo7 vor 22 StundenHardware1 Kommentar

Hallo zusammen, da hier ja öfters mal von Mikrotik gesprochen wird. Trotz Updates klafft eine Sicherheitslücke in Hundertausenden Mikrotik-Routern. ...

Heiß diskutierte Inhalte
Windows 10
Sysprep Fehler im Log kann nicht starten
Frage von grillinator95Windows 1022 Kommentare

Hallo, kann leider SYSPREP nicht mehr starten, Win10 64bit. Logfile sagt folgendes: 2018-10-17 13:44:56, Info SYSPRP 2018-10-17 13:44:56, Info ...

Apple
MacBook Pro 2018 mit 8 GB oder 16 GB
Frage von SysAdm81Apple14 Kommentare

Hallo zusammen, ich steh vor der Überlegung mir ein MacBook Pro 13 (2018) zu kaufen. Bzgl. SSD habe ich ...

Outlook & Mail
Outlook schiebt Mails aus Posteingang sofort in den Papierkorb
Frage von hermesOutlook & Mail13 Kommentare

Hallo Outlook Fachleute, wir haben hier das Problem, dass Outlook 2010 alle ankommenden Mails seit zwei Tagen einfach in ...

Sicherheitsgrundlagen
EuGH-Urteil - Internetanschluss für die ganze Familie - Filesharer haften trotzdem
Frage von StefanKittelSicherheitsgrundlagen12 Kommentare

Hallo, In diesem Artikel geht es darum, dass Jemand aus der Familie ein Hörbuch illegal hochgeladen hat. Der Vater ...