• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Fixed div orientiert sich nicht am Browserfenster

F

fmhweb

Neues Mitglied
Hi,

mein div schwebt nicht wenn fixed. Es soll oben am Bildschrimrand fixiert werden. Warum? Es hatte schon funktioniert, ich kann aber nicht nachvollziehen was ich gemacht habe.

Code: 
HTML:
<div id="mypopup"></div>

CSS:
#mypopup {
    position:fixed;
    background-color:#111;
    opacity:0.65;
    filter:alpha(opacity=65);
    top:0px;
    width:100%;
}
 
fmhweb schrieb:
Hi,

mein div schwebt nicht wenn fixed. Es soll oben am Bildschrimrand fixiert werden. Warum? Es hatte schon funktioniert, ich kann aber nicht nachvollziehen was ich gemacht habe.

Code: 
HTML:
<div id="mypopup"></div>

CSS:
#mypopup {
    position:fixed;
    background-color:#111;
    opacity:0.65;
    filter:alpha(opacity=65);
    top:0px;
    width:100%;
}
Zum Vergrößern anklicken....
Dieser Code funktioniert enwandfrei (und das width:100% ist überflüssig, da ein dIv ein Blockelement ist)
 
Der Code funktioniert tatsächlich auch ohne das float (width 100% war nur zum testen von 50% hochgesetzt). Allerdings geht es nur im Feuerfuchs. Im IE7(Firma) geht es nicht(float or not), obwohl position fixed dort aktzeptiert werden sollte. Ruf ich das Popup im IE auf, verschiebt es alles was darunter ist.

So wie es jetzt aussieht:
Code: 
HTML:
<div style="display:none;" id="info_popup">
    <br />
    <a class="info_popup" href="#" onclick="call_info_popup();">close popup</a> - <a class="info_popup" href="#" onclick="window.location.reload();">reload current page</a>
    <br /><br /><hr />
    <font class="info_popup">Infomation</font>
    <br /><br />
    <div id="info_popup_text"></div>
    <hr /><br />
    <a class="info_popup" href="#" onclick="call_info_popup();">close popup</a> - <a class="info_popup" href="#" onclick="window.location.reload();">reload current page</a>
    <br /><br />
</div>


CSS:
#info_popup {
    position:fixed;
    background-color:#2E2E2E;
    color:#FFFFFF;
    opacity:0.95;
    filter:alpha(opacity=95);
    top:0px;
    left:25%;
    width:50%;
    text-align:center;
}
 
Doctype als static deklarieren und jetzt geht es. Habe immer irgendein Doctype genommen. Ich wusste nicht welche Auswirkungen das hat, da sonst immer alles soweit funktioniert hatte.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
Dann waren deine Seite im Quirksmode. Das solltest du vermeiden, dieser Darstellungsmodus ist nicht mehr zeitgemäß.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben