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, 4174 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

Seitenwechsel innerhalb einer div-Box in HTML+CSS

gelöst Frage von honeybeeHTML7 Kommentare

Hallo, ich habe mit dem HTML-Tag <div> und CSS folgendes Webseitenschema erstellt: siehe Screenshot unten. Meine Frage: Wenn ich ...

CSS

Div boxen nebeneinander platzieren

Frage von deinernstjetztCSS5 Kommentare

Hallo, ich schreibe an einer Website, die aus Überschrift, Seitenverzeichniss und Text besteht. Im Seitenverzeichniss(div box 1) stehen Buttons ...

CSS

Positionierung von DIV - Sidebar

gelöst Frage von chris84CSS5 Kommentare

Hallo Zusammen, ich möchte gern ein eine Sidebar auf meiner Seite einbauen. Leider wird diese aktuell am DIV "Company" ...

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

Neue Wissensbeiträge
LAN, WAN, Wireless

Cisco Mikrotik VPN Standort Vernetzung mit dynamischem Routing

Anleitung von aqui vor 9 StundenLAN, WAN, Wireless

1. Allgemeine Einleitung Das nachfolgende Tutorial ist eine Fortführung der hier bei Administrator.de schon bestehenden VPN Tutorials und beschreibt ...

Windows Mobile

Support für Windows Mobile endet im Dezember 2019

Information von transocean vor 1 TagWindows Mobile

Moin, Microsoft empfiehlt als Alternative den Umstieg auf iOS oder Android, wie man hier lesen kann. Gruß Uwe

Internet

Kommentar: Bundesregierung erwägt Ausschluss von Huawei im 5G-Netz - Unsere Presse wird immer sensationsgieriger

Information von Frank vor 3 TagenInternet5 Kommentare

Hier mal wieder ein schönes Beispiel für fehlgeleiteten Journalismus und Politik zugleich. Da werden aus Gerüchten plötzlich Fakten, da ...

Windows 10

Netzwerk-Bug in allen Windows 10-Versionen durch Januar 2019-Updates

Information von kgborn vor 3 TagenWindows 101 Kommentar

Nur ein kurzer Hinweis für Admins, die Windows 10-Clients im Portfolio haben. Mit den Updates vom 8. Januar 2019 ...

Heiß diskutierte Inhalte
LAN, WAN, Wireless
Temporäre WLAN Verbindung für AD-Login
Frage von Christian.WidauerLAN, WAN, Wireless15 Kommentare

Hallo zusammen, ich weiß leider nicht unter welchem Begriff ich dafür suchen muss, daher habe ich bisher leider nichts ...

LAN, WAN, Wireless
Bekannte Drosselungen bei Providern ?
Frage von HenereLAN, WAN, Wireless15 Kommentare

Servus zusammen, in bereits angefangen, aber ich hoffe dass der Beitrag hier mehr Informationen bringt. Sind Portdrosselungen bzw gezielte ...

Netzwerkmanagement
Reverse Proxy für TCP und UDP Anfragen
gelöst Frage von flxklsNetzwerkmanagement14 Kommentare

Hallo zusammen, ich besitze einen Rootserver, der nur eine öffentliche IP besitzt und auf dem mehrere VMs laufen. Da ...

Netzwerkmanagement
Server bauen
Frage von JugendringNetzwerkmanagement11 Kommentare

Moin Moin, wir, der Jugendring sind ein ständig wachsender Verein mit vielen Unterprojekten. Da liegt es nah, dass wir ...