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

31-03-2005, 17:25
|
SaschaJ
Newbie
|
|
Registriert seit: Mar 2005
Beiträge: 3
|
|
css problem mit firefox
Hallo forum,
ich versuche eine reine css-seite für meine Schule zu erstellen unter dem IE funktioniert auch alles soweit nur der Firefox kommt mit meinen Einstellungen für das Menü nicht zurecht. Ich möchte dass das Menü die Seite in der Breite komplett ausfüllt nur wird vom Firefox das Menü mit ca. 110% breite dargestellt. Ich hoffe ihr könnt mir weiterhelfen ...
#header {
WIDTH: 100%;
}
#header .logo{
left: 0px;
top: 0px;
position: absolute;
}
#navcontainer {
left: 0px;
top: 0px;
position: absolute;
width: 100%;
padding: 0 0 0 170px;
margin: 53px 0 0 0;
BACKGROUND-COLOR: #1F2D7D;
}
#navcontainer A {
float:left;
PADDING: 4px 15px 4px 15px;
FONT: bold 80% arial, helvetica, sans-serif;
COLOR: #FFF;
BACKGROUND-COLOR: #1F2D7D;
TEXT-DECORATION: none;
}
#navcontainer A:hover {
COLOR: #000;
BACKGROUND-COLOR: #BCC5F5;
}
<div id="navcontainer">
<a href="" id="current">Aktuelles</a>
</div>
<div id="Header">
<img class="logo" src="# border="0" alt="Victor Klemperer" />
</div>
Geändert von SaschaJ (31-03-2005 um 22:14 Uhr)
|

31-03-2005, 18:30
|
jahlives
Master  
|
|
Registriert seit: Jun 2004
Ort: Hooker in Kernel
Beiträge: 8.279
|
|
Hast du deine Seite mal validiert ??
w3c.org
Ziemlich viel wird hier mokiert.
|

31-03-2005, 18:41
|
wahsaga
 Moderator
|
|
Registriert seit: Sep 2001
Beiträge: 25.236
|
|
100% breite plus padding-left ...
informiere dich über das box model, und welche bugs der IE bei diesbezüglichen berechnungen hat.
__________________
I don't believe in rebirth. Actually, I never did in my whole lives.
|

31-03-2005, 18:54
|
SaschaJ
Newbie
|
|
Registriert seit: Mar 2005
Beiträge: 3
|
|
hab vielen dank ...
ich versuche das nun zu umgehen in dem ich ein div-element (banner) definiere welches hinter dem menü div liegt nur wird das vom firefox ignoriert ... und im ie wird dafür das logo verdeckt obwohl es doch durch den z-index über dem balken liegen müsste
Könnt ihr mir da weiterhelfen?
.logo{
z-index: 1;
left: 0px;
top: 0px;
position: absolute;
width: 160px;
height: 78px;
}
.banner {
z-index: -1;
position : absolute; top: 53px; left: 0px; width: 100%; height: 25px;
background: url(/_home/bilder/header-bg.gif) 0 0 repeat-x;
border: none 0;
}
#navcontainer {
z-index: 2;
left: 160px;
top: 53px;
position: absolute;
padding: 0 0 0 10px;
BACKGROUND-COLOR: #1F2D7D;
}
#navcontainer A {
float:left;
PADDING: 4px 15px 4px 15px;
FONT: bold 80% arial, helvetica, sans-serif;
COLOR: #FFF;
BACKGROUND-COLOR: #1F2D7D;
TEXT-DECORATION: none;
}
#navcontainer A:hover {
COLOR: #000;
BACKGROUND-COLOR: #BCC5F5;
}
|

31-03-2005, 19:36
|
wahsaga
 Moderator
|
|
Registriert seit: Sep 2001
Beiträge: 25.236
|
|
als erstes solltest du dir mal abgewöhnen, ohne not exzessiv absolute positionierung zu benutzen ...
__________________
I don't believe in rebirth. Actually, I never did in my whole lives.
|

31-03-2005, 20:49
|
SaschaJ
Newbie
|
|
Registriert seit: Mar 2005
Beiträge: 3
|
|
Vielen dank wahsaga!
Ich hab jetzt alle absoluten positionierungen rausgeschmissen und durch float ersetzt scheint (bis jetzt) sogar alles zu klappen
|
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
|