HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ? |
 |

17-03-2005, 20:49
|
Kropff
  Administrator
|
|
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.772
|
|
variable höhe und bottom
folgendes problem:
ich habe ein div-element mit einer prozentualen höhe. nun will ich innerhalb dieses elements mehrere hintergrundbilder unten platzieren. leider befinden sich diese bilder im IE 6 ein pixel über dem unteren ende. hab schon mit font-size, line-height, background-position und overflow: none herumgespielt, aber keine lösung gefunden.
PHP-Code:
#rahmen
{
left: 10px;
bottom: 45px;
width: 21%;
height: 83%;
font-size: 0px;
background-color: #000096;
}
#unten
{
width: 100%;
height: 8px;
left: 0px;
bottom: 0px;
background-image: url(pics/menueunten_back.gif);
background-repeat: repeat-x;
}
#unten_links
{
left: 0px;
bottom: 0px;
width: 8px;
height: 8px;
background-image: url(pics/menuelinks_unten.gif);
background-repeat: no-repeat;
}
#unten_rechts
{
right: 0px;
bottom: 0px;
width: 27px;
height: 43px;
background-image: url(pics/menue/rechts_unten.gif);
background-repeat: no-repeat;
}
<div id="rahmen">
<div id="unten"></div>
<div id="unten_links"></div>
<div id="unten_rechts"></div>
</div>
irgendwelche ideen?
gruß
peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
Geändert von Kropff (17-03-2005 um 20:52 Uhr)
|

18-03-2005, 00:16
|
Hendrik2
Junior Member
|
|
Registriert seit: Jun 2004
Beiträge: 51
|
|
Ja, gleich zwei:
Zum einen könnte es sein, dass IE per default einen unsichtbaren aber 1px breiten Rahmen erzeugt, den könntest du mit css unterdrücken.
Die andere Variante ist die, dass du die Hintergrundbilder mit CSS an den unteren Rand ihres DIVs platzierst. Dazu fügst du nach background-image das Attribut background-position:bottom; ein.
|

18-03-2005, 00:36
|
xManUx
Registrierter Benutzer
|
|
Registriert seit: Feb 2004
Beiträge: 833
|
|
am besten wärs, wenn du dem rahmen einheitliche pixel gibst.. dann siehst auch ob hendriks vermutung richtig ist.. du solltest bedenken, dass jeder browser es irgendwie unerwünscht darstellen könnte..
Wer weiß.. viellecith hat der IE 7 irgendwann mal sogar 2px
__________________
Es kommt nicht darauf an, mit dem Kopf durch den Monitor zu rennen,
sondern mit den Augen das Manual zu lesen.
|

18-03-2005, 11:42
|
Kropff
  Administrator
|
|
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.772
|
|
Zitat:
Zum einen könnte es sein, dass IE per default einen unsichtbaren aber 1px breiten Rahmen erzeugt
|
glaub ich nicht, habe das auch alles mit rahmen überprüft.
.
Zitat:
background-position:bottom;
|
das habe ich noch nicht probiert. werde ich heute abend mal testen
Zitat:
wenn du dem rahmen einheitliche pixel gibst
|
geht leider nicht, läßt das design nicht zu.
gruß
peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
|

18-03-2005, 12:00
|
asp2php
Banned
|
|
Registriert seit: Feb 2004
Beiträge: 11.745
|
|
die Voraussetzung für die Verwendung von left, top, right, bottom hast du aber nicht erfüllt! Du mußt bei Verwendung solcher Angaben auch die Positionierungsart festlegen!
Hast du schon versucht, margin und padding auf 0 zu setzen
|

18-03-2005, 12:05
|
Kropff
  Administrator
|
|
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.772
|
|
Zitat:
die Voraussetzung für die Verwendung von left, top, right, bottom hast du aber nicht erfüllt! Du mußt bei Verwendung solcher Angaben auch die Positionierungsart festlegen!
|
das habe ich nur nicht gepostet, weil es eigentlich selbstverständlich ist.
PHP-Code:
body
{
padding:0px;
margin: 0px;
}
div
{
position: absolut;
}
gruß
peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
|

18-03-2005, 12:05
|
mrhappiness
PHP Guru
|
|
Registriert seit: Oct 2002
Beiträge: 14.890
|
|
absolut e
__________________
Ich denke, also bin ich. - Einige sind trotzdem...
|

18-03-2005, 12:08
|
asp2php
Banned
|
|
Registriert seit: Feb 2004
Beiträge: 11.745
|
|
Zitat:
Original geschrieben von mrhappiness
absolute
|
OffTopic: jaja, die Deutschen und ihr englisch 
|

18-03-2005, 12:14
|
mrhappiness
PHP Guru
|
|
Registriert seit: Oct 2002
Beiträge: 14.890
|
|
OffTopic: I hold it for a wonder that she never becomes what she will having. That is not her mother's art.
__________________
Ich denke, also bin ich. - Einige sind trotzdem...
|

18-03-2005, 13:42
|
Kropff
  Administrator
|
|
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.772
|
|
nee tippfehler meinerseits. in der css steht natürlich absolute, sonst würde ja garnichts funktionieren.
gruss
peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
|
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
|
|
Themen-Optionen |
|
Thema bewerten |
|
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.
HTML-Code ist aus.
|
|
|
|
PHP News
|