 Willkommen auf dem Portal für Mediengestalter
|
|
|
| Autor |
Nachricht |
status4
Dabei seit: 01.10.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 04.11.2008 22:41
Titel
|
  |
|
| zweitaccount hat geschrieben: | Die Stu Nicholls Lösungen sind schon ein prima
Geschichte, leider basieren die halt auf den
Quirksmode vom IE. Was ist denn an meinem
Beispiel auszusetzen - außer das Du da noch
deine Grafik drüberklatschen mußt? |
Habe ich mir jetzt nicht genau angesehen, nur gelesen für den IE 6 wird ein Script benötigt.
Da versetzt man doch lieber den IE6 mit einem xml prolog in den quirks mode, meine Meinung 
Er liefert IE sowieso schon extra stylesheets aus, dann noch das boxmodell zu korrigieren ist kein Ding
und wenn es um Layouts geht sollte man dann doch schon wenn möglich auf Javascript verzichten oder
eine gute Fallback Lösung bereithalten.
Zuletzt bearbeitet von status4 am Di 04.11.2008 22:44, insgesamt 1-mal bearbeitet
|
|
| |
  |
 |
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 04.11.2008 23:42
Titel
|
|
|
Im Grunde haste schon Recht, nur schießt man damit auch
den IE7 ins Quirks&Quatschjenseits. Ich hatte die Erfahrung
gemacht, das man sich damit nur nochmehr Probleme
css-technisch in Haus holt. Und wer weiß wie der IE8
irgendwann darauf reagiert - da bleibt man imho doch
lieber beim »Standard«.
Mit dem if lt IE 7 könnte man bei meinem Vorschlag ja
ebenfalls ein nicht-javascript Layout ausliefern, das zwar
funktioniert aber dann halt suboptimal aussieht und dann
ebend mit JS drübergehen.
Aber jeder wie er will. 
//edit:
Oha ich lese gerade, für den IE8 hat sich Ms in Sachen Quirks
schon folgenden Geistesblitz einfallen lassen:
<meta http-equiv="X-UA-Compatible" content="IE=7;FF=edge;OtherUA=edge" />
  
Zuletzt bearbeitet von zweitaccount am Di 04.11.2008 23:46, insgesamt 1-mal bearbeitet
|
|
| |
|
|
|
Anzeige
|
|
|
status4
Dabei seit: 01.10.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 04.11.2008 23:47
Titel
|
|
|
| zweitaccount hat geschrieben: | Im Grunde haste schon Recht, nur schießt man damit auch
den IE7 ins Quirks&Quatschjenseits. |
Darüber habe ich auch kurz nachgedacht, ich denke der IE7 wird durch den xml prolog nicht in den quirks mode versetzt kann mich aber auch täuschen (normalerweise versetze ich nicht in den quirksmode und hab mich länger nicht damit beschäftigt).
Beide Möglichkeiten haben Vor- und Nachteile die in etwa gleich schwer sind da hast du recht ja.
|
|
| |
|
|
DonRollo
Threadersteller
Dabei seit: 04.11.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 05.11.2008 01:43
Titel
|
|
|
So. Problem gelöst.
Da ich mir aus verschiedenen Seiten verschiedene "Gimmicks" zusammengesucht habe, ist anscheinend ein nicht mehr zu rettendes Chaos entstanden. Hab mich dann an den Tip von SURE612 gehalten:
| Zitat: | mach das ganze css nochmal neu
das is zuviel krams |
Falls jemanden die Lösung interessiert:
Hier das CSS:
| Code: |
html, body{
height:100%;
max-height:100%;
padding:0;
margin:0;
border:0px none;
background-image: url('images/bg.jpg') ;
background-attachment: fixed;
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 10pt;,
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden
}
#pagewidth{
width:1024px;
background-image: url('images/container.jpg') ;
background-repeat: repeat-y ;
position: relative ;
min-height: 100%;
height: auto !important;
height: 100%;
padding-left: 15px ;
margin-left:auto;
margin-right:auto;
}
#header{
position:relative;
height:190px;
padding-top: 16px;
padding-left: 15px;
background-image: url('images/head.jpg') ;
background-repeat:no-repeat;
width:100%;
font-size: 10px;
}
#leftcol{
width:155px;
float:left;
position:relative;
margin-left: 15px;
padding-left: 5px;
}
#maincol{
float: left;
display:inline;
overflow:auto;
position:absolute;
z-index:3;
top:190px;
bottom:25px;
left:190px;
right:100px;
width:780px;
background-image: url('images/vl.gif') ;
background-position: left ;
background-repeat: repeat-y ;
padding-left: 10px ;
padding-right: 10px ;
}
#footer{
height:25px;
clear:both;
background-image: url('images/foot.jpg') ;
background-repeat:no-repeat;
background-position:40px;
width: 1024px;
position: absolute;
bottom: 0 !important;
bottom: -1px;
height: 25px;
margin-left: -40px ;
padding-left: 40px ;
}
/* *** Float containers fix *** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*printer styles*/
@media print{
/*hide the left column when printing*/
#leftcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}
|
Und hier der HTML Teil:
| Code: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
<head>
<meta http-equiv="Content-type" content="text/html;charset=ISO-8859-1">
<meta http-equiv="Content-Style-Type" content="text/html">
<link rel="stylesheet" type="text/css" href="../test.css">
</head>
<body>
<div id="pagewidth" >
<div id="header" >
</div>
<div id="wrapper" class="clearfix" >
<div id="maincol" >
</div>
<div id="leftcol" >
</div>
</div>
<div id="footer" >
</div>
</div>
</body>
</html>
|
Grüße und VIELEN DANK für Tips und Hilfe !!
Zuletzt bearbeitet von DonRollo am Mi 05.11.2008 01:45, insgesamt 2-mal bearbeitet
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
[CSS] Height hin, Height her - Größe von DIV's
Bildqualität unter 800x600... so ein mist
[printler macht mist] Tabelle zerschossen
div height 100%?
css: min-height bei IE 6
Div 100% Height
|
|
|
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.
|
|
