Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

div UND css

Empfohlene Antworten

Veröffentlicht

HALLO AN ALLE DIE MIR HELFEN KÖNNEN

ich habe ein problem mit dem CSS (ich werd das wohl nie verstehen)

ich will folgendes erstellen

b0v-8.jpg

der code ist so (noch nicht fertig)

<html>

<head>

<style type="text/css">

body { margin:0px;}

#drei{ position:absolute; top:0px; left:0px; height:700px; margin-left:182px; width:100%; float:left; background-color:#CC0033; }

#eins{ position:absolute; top:0px; left:0px; height:700px; width:150px; background-color:#33CC33;}

#zwei{ position:absolute; top:0px; left:150px; height:700px; width:32px; background-color:#FF00FF; background-image:url(menuebilder/leiste_org.gif); background-repeat:repeat-y;}

</style>

<title></title>

</head>

<body>

<div id="drei">CONTENT</div>

<div id="eins">NAVI</div>

<div id="zwei">Mittelteil</div>

</body>

</html>

sorry hab den vierten div vergessen aber den brauch ich nur top und left und fast fertig

aber ich bekomme es einfach nicht hin das ich 100% in die breite und 100% in die höhe komme kann mir einer von euch helfen

...

#drei{ position:absolute; ...

...

aber ich bekomme es einfach nicht hin das ich 100% in die breite und 100% in die höhe komme kann mir einer von euch helfen

Wieso position: absolute?

100% breite hat ein dib erstmal generell. 100% Höhe, bezogen auf das Browserfenster, gibt es nicht. Ausnahmen: IEE im nicht standardkonformen Modus.

Vielleicht kommt das ja mal mit CSS3(+), keine Ahnung. Nach CSS <=2 gibt es das nicht.

100% höhe ist mit ein wenig Javascript leicht zu erreichen.

ich habe ein problem mit dem CSS (ich werd das wohl nie verstehen)

Übrigens:

Dazu könntest du dir das hier:

http://forum.fachinformatiker.de/webdesign/98218-css-div-container.html

mal ansehen. Daran hab ich denken müssen, als ich dein HTML gesehen hab ;)

Hi,

denke damit:


<style type="text/css">

html, body {

width: 100%;

height: 100%;

}


div.container {

width:100%;

}

</style>

...

<div class="container">

<!-- Hier deine DIVs rein -->

</div>

So sollte es gehen.

Gruß,

Dirk

So sollte es gehen.

Der body, html - Workaround macht u.U. viele Probleme, nämlich wenn dein Inhalt > 1 Bildschirm ist und du scrollen musst.

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.