zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Knowledge Base
Seite neu laden max-width - und wie gehts im IE

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.12.2003, 14:14
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard max-width - und wie gehts im IE

Suche schon länger eine Lösung um dem IE eine max-width beizubringen.

min-width kann er zwar auch nicht, aber da gibt es ja bewährte Lösungen.

Skalieren ist ja Prima, nur im Zeitalter von Bildschirmen die über 1260 Pixel Breite darstellen können wäre eine Breitenbegrenzung sinnvoll.

Beispiel:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//DE" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  xml:lang="de">
<head><title>test</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<style type="text/css">	<!--
	html,body {
		margin: 0px;
		padding: 0px 2px 0 2px;
		background-color: #FF9933; 
		color: #000000;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 101%; 
		text-align: center;
	}

	#frame { 
		width: 98%;
		min-width: 560px; /* 760px */
		max-width: 800px; /* 1000px */
		margin: 3px auto 0px auto;
		border: 1px solid #222222;
		padding: 0 5px 5px 5px;
		background-color: #FEFEFE;
		color: inherit;
		text-align: left;
	}
	p {
		margin: 1.4em 0;		
		font-size: 0.8em;
	}
	-->
</style>

</head>
<body>

<div id="frame">
     

Sollte jetzt alles wieder links stehen.....</p>
</div>

</body></html>
Mozilla kann es natürlich wäre auch interessant zu wissen welche BROWSER es noch gibt, die es nicht können.
__________________
</ulle>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.12.2003, 15:18
Webstandards-Evangelist
neuer user
 
Registriert seit: 25.07.2003
Ort: Mainz
Beiträge: 93
Flocke befindet sich auf einem aufstrebenden Ast
Standard

Hi Ulle,

ich habe mal einen kleinen Versuch gemacht, allerdings ohne das Endergebnis voll an Deine Ausgangslage wieder anzugleichen. Ich habe es zumindets geschafft, dem IE die Maximalbreite beizubringen. Der Gag liegt in einem zusätzlichen DIV, daß Du im Dein Frame-DIV legst. Ich habe es "wrapper" genannt:

Code:
   #wrapper {
      max-width: 700px; 
      width: 700px; 
      overflow: hidden;
   }
Die 700px habe ich genommen, damit ich den Effekt auf meinem 1024 auch früh genug sehe )

Ist diese Lösung für dich tragbar ??

Grüße aus Mainz,

Jens
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 29.12.2003, 20:17
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Code:
width: 700px;
Durch die Fixe width Angabe ist doch jetzt min-width = max-width ; d.h. unwirksam.


Nein, das ist nicht gut. Der CLOU ist ja das sich die WEBsite (bzw. #frame) solange auf 98% bewegt bis die max-width erreicht ist.

min-width und max-width sind ja auch für relative width-Angaben gedacht.

Oder habe ich Deinen Ansatz nicht verstanden
__________________
</ulle>
Mit Zitat antworten
  #4 (permalink)  
Alt 29.12.2003, 20:31
Webstandards-Evangelist
neuer user
 
Registriert seit: 25.07.2003
Ort: Mainz
Beiträge: 93
Flocke befindet sich auf einem aufstrebenden Ast
Standard

Hi Ulle,

Du hast ja recht, daß mit meinem Ansatz min-width = max-width ist. Der Effekt, den Du haben willst, nämlich eine Höchstbreite festzulegen, wird dadurch aber trotzdem erreicht.

Ich habe zudem dem wrapper nicht min-width zugewiesen. Ich habe so den #Eindruck beim Testen gehabt, der gewünschte Effekt träte daruch ein. Vielleicht habe ich aber auch nur Deine Anforderung falsch verstanden.
__________________
Grüße aus Mainz,

Jens
------------------------------------------------------
[webkrauts.de]
[blog.grochtdreis.de]
Mit Zitat antworten
  #5 (permalink)  
Alt 29.12.2003, 20:44
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Na ja, wenigstens muß man auf Deiner WEBsite nicht verhungern...


Übrigens hast Du da ja wohl auch noch ein Problem mit der Breite, gell.

Sobald ein Scroll-Balken vertikal erscheint, hast Du auch einen horizontal.

Ich schätze mal dass Du solch eine Eigenschaft definiert hast

Code:
html,body {
  overflow: auto;
}
macht nur Sinn, wenn Du die max-height von 100% nie überschreitest.
__________________
</ulle>
Mit Zitat antworten
  #6 (permalink)  
Alt 30.12.2003, 01:41
Webstandards-Evangelist
neuer user
 
Registriert seit: 25.07.2003
Ort: Mainz
Beiträge: 93
Flocke befindet sich auf einem aufstrebenden Ast
Standard

Falsch geschätzt [Auch wenn das jetzt hier sehr OT ist.]

<OT>
Meine Webseite (ich schätze Du meinst die Rezepte u d nicht die anderen Bereiche) stammt noch aus einer Zeit, in der ich CSS nur zur absoluten Positionierung und für Textauszeichnungen nutzte. Mehr kannte ich nicht. Die Seite selber wird per Javascript dank einer Dreamweaver-Extension von ProjectSeven beim Aufrufen zusammengebaut.

Heute würde ich sowas nie mehr machen, doch damals .... (das war vor etwa zwei Jahren).

Und der Relaunch zieht sich leider ein wenig hin. Diesmal wirds korrekt.
</OT>

Doch was hat das damit zu tun, ob der Ansatz funktioniert ? Er ist leider nicht so perfekt, wie man es sich wünschen würde. Oder doch ? Funktioniert er nun so, wie Du das willst ? Bei Deiner ersten Antwort hattest Du offenbar noch nicht getestet, nur eine Annahme gemacht.
__________________
Grüße aus Mainz,

Jens
------------------------------------------------------
[webkrauts.de]
[blog.grochtdreis.de]
Mit Zitat antworten
  #7 (permalink)  
Alt 30.12.2003, 11:45
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Bei Deiner ersten Antwort hattest Du offenbar noch nicht getestet, nur eine Annahme gemacht.
auch getestet

Es funktioniert nicht wie gewünscht. Der [FRAME-Container] soll ja Skalierbar sein, ein minimum nicht unterschreiten, was man im IE mit einem BLIND-Gif erreichen kann, und ein maximum nicht überschreiten.

Sobald eine width-Angabe ohne %-Wert getroffen wird ist der Bereich FIX.
__________________
</ulle>
Mit Zitat antworten
  #8 (permalink)  
Alt 30.12.2003, 11:59
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.09.2003
Beiträge: 129
Alex befindet sich auf einem aufstrebenden Ast
Standard

ich hab mir da auch schon x mal den kopf drüber zerbrochen und bin bisher genau aus diesem grund immer wieder bei fixer breite gelandet. bis man sowas problemlos machen kann werden wohl noch locker 3-4 jahre vergehen, traurig aber wahr

es gibt aber eine recht einfache lösung mit javascript, hab das mal irgendwo gesehen. ich persönlich würde die dann auf jeden fall nutzen, wenn ich eine variabel breite seite gestalten wollte. es ist immerhin für einen großteil der user von vorteil, die leute ohne js kriegen dann halt kilometerlange zeilen.
Mit Zitat antworten
  #9 (permalink)  
Alt 03.01.2004, 21:49
Benutzer
neuer user
 
Registriert seit: 03.01.2004
Beiträge: 52
gerrit befindet sich auf einem aufstrebenden Ast
Standard Gibt ne Lösung...

Tja, das ist in der Tat n kniffliges Problem mit der mangelnden Unterstützung von max-width in IE.
Ich persönlich verwende trotzdem flüssige Layouts aus folgenden Gründen:
1. Niemand mit einer hohen Auflösung surft fullscreen (und wenn, dann macht er/sie es absichtlich und möchte gerne lange Textzeilen haben)
2. Mit fixer Weite schliesst man wiederum diejenigen mit kleineren Bildschirmen aus (Subnotebooks etc.), oder macht die Breite so klein, dass IMHO zuviel Bildschirmßplatz verschwendet wird

Mal ganz abgesehen davon: der IE kann (perverserweise, imho) JavaScript-Ausdrücke als Eigenschaftswerte in CSS interpretieren. Wie man damit max-width simuliert wird unter http://www.svendtofte.com/code/max_width_in_ie/ ausführlich beschrieben. Ist allerdings nicht ganz trivial...
__________________
Gruss, Gerrit

--
http://www.style-sheets.de
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 04.01.2004, 14:20
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.09.2003
Beiträge: 129
Alex befindet sich auf einem aufstrebenden Ast
Standard Re: Gibt ne Lösung...

Zitat:
Zitat von gerrit
1. Niemand mit einer hohen Auflösung surft fullscreen (und wenn, dann macht er/sie es absichtlich und möchte gerne lange Textzeilen haben)
da ist was dran, fällt mir bei mir selbst in letzter zeit auch auf. soweit hab ich noch gar nicht gedacht
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Problem mit CSS Menü FuFi CSS 1 05.01.2015 16:46
Verschiebungen bei größerem Bildschirm seelefant CSS 4 28.07.2014 16:43
Media Querys - Layout geht wird über den Displayrand angezeigt DarkNemesis84 CSS 9 05.05.2013 23:00
CSS von Plugin beisst! expand CSS 0 28.09.2012 18:44
Mozilla zeigt DIV zu oft an cracki CSS 6 09.03.2008 16:22


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:03 Uhr.