Autor |
Nachricht |
mr.scruff
Threadersteller
Dabei seit: 22.04.2006
Ort: Kiel
Alter: 43
Geschlecht:
|
Verfasst Mi 12.07.2006 17:47
Titel % Rundungsprobleme im IE |
|
|
Moin!
Kann es sein, dass eine zweispaltige Seite, die mit Prozentangaben realisiert wurde, im IE Probleme macht?
Hab hier ein Layout mit zwei Spalten.
Links 70%, rechts 30%
Das funktioniert ja auch so schon mal ganz gut, aber wie kann ich es verhindern, dass der IE beim skalieren des Fensters ab und zu den rechten Container in die Zeile darunter umbricht?
thx
|
|
|
|
|
dastef
Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 12.07.2006 20:43
Titel
|
|
|
indem du einen prozent abziehst?
|
|
|
|
|
Anzeige
|
|
|
mr.scruff
Threadersteller
Dabei seit: 22.04.2006
Ort: Kiel
Alter: 43
Geschlecht:
|
Verfasst Mi 12.07.2006 21:35
Titel
|
|
|
Grundsätzlich eine fulminante Idee, aber es soll eine Headergrafik geben, die vom linken in den rechten Container läuft. Wenn ich einen der beiden Container nun ein Prozent kleiner mache, dann ist die Grafik auch unterbrochen. Geht also nicht.
Ist dass denn ein bekanntes Problem?
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 12.07.2006 21:48
Titel
|
|
|
Also nur zum Verständis, Du hast zwei Container,
einer mit 70% floatet links, der andere mit 30%
rechts. Und da hauts Dir im IE was zam? Zeig
mal den Code. Das hier funkt einwandfrei:
Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
HTML. BODY {
height:100%;
}
BODY {
padding:0;
margin:0;
}
DIV#eins {
position:relative;
width:70%;
height:100%;
float:left;
background:red;
}
DIV#zwei {
position:relative;
width:29.9%;
height:100%;
float:left;
background:yellow;
}
-->
</style>
</head>
<body>
<div id="eins">blub</div><div id="zwei">blub</div>
</body>
</html>
|
//edith: Ah jetzt sehe ichs auch, der IE hat wohl
1/2 Pixel im Angebot . Machs mal mit 29.9%
dann geht das (oben korrigiert).
Zuletzt bearbeitet von Raumwurm am Mi 12.07.2006 21:50, insgesamt 1-mal bearbeitet
|
|
|
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 12.07.2006 22:59
Titel
|
|
|
29.95% sollten in den meisten fällen schon reichen.
|
|
|
|
|
t0y
Dabei seit: 16.04.2006
Ort: Bremen
Alter: 36
Geschlecht:
|
Verfasst Mi 12.07.2006 23:17
Titel
|
|
|
Raumwurm hat geschrieben: | Also nur zum Verständis, Du hast zwei Container,
einer mit 70% floatet links, der andere mit 30%
rechts. Und da hauts Dir im IE was zam? Zeig
mal den Code. Das hier funkt einwandfrei:
Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
HTML. BODY {
height:100%;
}
BODY {
padding:0;
margin:0;
}
DIV#eins {
position:relative;
width:70%;
height:100%;
float:left;
background:red;
}
DIV#zwei {
position:relative;
width:29.9%;
height:100%;
float:left;
background:yellow;
}
-->
</style>
</head>
<body>
<div id="eins">blub</div><div id="zwei">blub</div>
</body>
</html>
|
//edith: Ah jetzt sehe ichs auch, der IE hat wohl
1/2 Pixel im Angebot . Machs mal mit 29.9%
dann geht das (oben korrigiert). |
#meine_meinung
{
height:100%;
würde es lieber auf 99% machen, sonst haste n hässlichen und unnötigen Scrollbalken;
}
mfg,
t0y
|
|
|
|
|
mr.scruff
Threadersteller
Dabei seit: 22.04.2006
Ort: Kiel
Alter: 43
Geschlecht:
|
Verfasst Do 13.07.2006 00:21
Titel
|
|
|
Raumwurm hat geschrieben: | Also nur zum Verständis, Du hast zwei Container,
einer mit 70% floatet links, der andere mit 30%
rechts. Und da hauts Dir im IE was zam? Zeig
mal den Code. Das hier funkt einwandfrei:
Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
HTML. BODY {
height:100%;
}
BODY {
padding:0;
margin:0;
....
...........
...............
|
//edith: Ah jetzt sehe ichs auch, der IE hat wohl
1/2 Pixel im Angebot . Machs mal mit 29.9%
dann geht das (oben korrigiert). |
super! der code funzt.
vielen dank!!!!!
jedoch hat der opera doch ein problem mit dezimalgetrennte prozentzahlen und braucht deshalb mal wieder einen zuweisungsoperator mit ner festen zahl
Code: |
html>body #zwei {
width:30%;
}
|
so gehts wunderbär!
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 13.07.2006 02:59
Titel
|
|
|
mr.scruff hat geschrieben: |
html>body #zwei {
width:30%;
}
[/code]
so gehts wunderbär! |
Oh da würde ich aber lieber den IE per <!--[if lt IE 7]>
<![endif]--> extra behandeln, weil Dir sonst der supertolle
neue IE 7 wahrscheinlich später in die Suppe spuckt. Quelle
|
|
|
|
|
|
|
|