mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Sa 27.04.2024 04:37 Benutzername: Passwort: Auto-Login

Thema: [CSS] display: block; bei div`s die in % angaben sind? vom 21.12.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] display: block; bei div`s die in % angaben sind?
Autor Nachricht
Faitan
Threadersteller

Dabei seit: 09.12.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst So 21.12.2008 22:15
Titel

[CSS] display: block; bei div`s die in % angaben sind?

 Antworten mit Zitat Zum Seitenanfang
*hu hu huu* breuchte malwieder eure hilfe ... das prob könnte auch sein das ich nicht weiß wie ich meine frage google`n soll drum beschreib ich mal mein problem Hmm...?!

Ich hab eine Seite Aufgebaut , in der alles mit %- Angaben definiert ist.... d.h.

Code:
width: 100%;
left: 100%;
etc....


nun möchte ich gern das sich bei der Seite nichts mehr verschiebt, wenn man den browser größer und kleiner macht
mit
Code:
display: block;
hats nicht funktioniert , kennt wer ne anderre möglichkeit ?

von mir aus auch mit
Code:
PHP
oder
Code:
Javascript


mfg[/code]
  View user's profile Private Nachricht senden
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst So 21.12.2008 23:01
Titel

Antworten mit Zitat Zum Seitenanfang
was heisst "dass sich bei der seite nichts mehr verschiebt" ?

kannst du das genauer beschreiben ?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Faitan
Threadersteller

Dabei seit: 09.12.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 22.12.2008 02:14
Titel

Antworten mit Zitat Zum Seitenanfang
Au weia! mann is des schwer zu erklären , ich versuchs einfach nochma
-
-
-
-
* Mal bisschen die Nase pudern... *
-
-
-
-
Also ... ich will das die höhe in 90% ....im maximierten fenster 90% beträgt... und wenn man das fenster dann kleiner macht sollen trotzdem die höhe des Divs die ALTE höhe vom max. fenster betragen ... verstehste * Ööhm... ja? *

die höhe wirt ja dann kleiner weil das fenster ja auch kleiner wirt , weil es ja in % ist ... das soll nicht passiert , und mit display block gehts nicht
  View user's profile Private Nachricht senden
Zim

Dabei seit: 05.12.2006
Ort: Earth Rocks
Alter: -
Geschlecht: Männlich
Verfasst Mo 22.12.2008 02:17
Titel

Antworten mit Zitat Zum Seitenanfang
ähhh – einen Link wo man sich das mal live anschauen kann hast du nicht zufällig. Scheint echt was schwer zu erklären zu sein.
  View user's profile Private Nachricht senden
zweitaccount

Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 22.12.2008 09:00
Titel

Antworten mit Zitat Zum Seitenanfang
Keine Ahnung wie Dein Html aussieht, aber hier mal ein
Beispiel wie es über Javascript lösbar wäre:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Fixed Size after onload</title>
<style type="text/css">
<!--
   HTML {
      height:100%;
   }
   BODY {
      height:100%;
      margin:0;
      padding:0;
   }
   DIV#deinElement {
      position:relative;
      top:5%;
      margin:0 auto 0 auto;
      width:90%;
      height:90%;
      background:red;
   }
-->
</style>
<script type="text/javascript">
<!--
   window.onload = function() {
      var winHeight = window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight);
      var winWidth  = window.innerWidth || (window.document.documentElement.clientWidth || window.document.body.clientWidth);
      var fixHeight = Math.round(winHeight * 0.9);
      var fixWidth  = Math.round(winWidth * 0.9);
      document.getElementById('deinElement').style.height = fixHeight + 'px';
      document.getElementById('deinElement').style.width  = fixWidth  + 'px';
   }
-->
</script>
</head>

<body>
<div id="deinElement">
   content goes here
</div>
</body>
</html>

http://zweitaccount.zw.ohost.de/fixed_size/index.html

Grüße
zweitaccount

Lächel
  View user's profile Private Nachricht senden
Faitan
Threadersteller

Dabei seit: 09.12.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 22.12.2008 17:31
Titel

Antworten mit Zitat Zum Seitenanfang
@ zweitaccount ... * Applaus, Applaus * danke ... auch an deinen ersten account Grins

nur 1 kleines prob hab ich noch ...

Code:

document.getElementById('deinElement').style.height = fixHeight + 'px';
document.getElementById('deinElement').style.width  = fixWidth  + 'px';


was muss ich jetzt für ein element machen damit ich alles Fixed hab ??? also die ganze css datei

Zuletzt bearbeitet von Faitan am Mo 22.12.2008 17:39, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
zweitaccount

Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 23.12.2008 09:50
Titel

Antworten mit Zitat Zum Seitenanfang
Hmm, dazu müsstest Du alle relativen Werte in
absolute ändern. Am besten mit Hilfe eines
JavaScript-Frameworks wie MooTools z.B.
http://mootools.net/docs/Element/Element.Dimensions#Element:getSize.
Je nach dem wie dein Html aussieht.

Grüße
zweitaccount
  View user's profile Private Nachricht senden
 
Ähnliche Themen divs - display: block und none
CSS: Problem mit Opera und display:inline-block
[CSS] Horizontal füllendes Div gesucht | display:block
Block- und Listenansicht
CSS Angaben im Body
Text-Block-Abstände
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB