Problēma ar div izvietojumu uz FF

[xfr33]

Labs vakars!

Es veidoju visu laiku css un mēģinaju to uz IE, bet kad iedomājos par FF un pārbaudīju, protams, viens divs atradās ne tur kur vajag - zem headera, nevis tajā iekšā.

Uz IE ir šāds kods un viss ir ok:

 

#header #header_right {
float:right;	
position:relative;
right:60px;

 

Bet kā jau teicu, uz FF divs header_right atrodas zem diva header. Šo problēmu var izlabot liekot negatīvu position, bet vai tas ir vienīgais un pareizākais variants kā atrisināt šo problēmu?

 

 

Un vēl viens sāna divs arī ir nobīdijies uz centru un neatrodas pie pašas malas uz FF. Viņam ir uzlikts float: right.

 

Jau iepriekš paldies!

 

EDIT:

 

Tātad es atdūros pret vel kādu kļūdu. Man ir uzlikts ar, lai atlasa IE css un FF css failus, bet ja es izmainu css stylesheetu tad mainās arī skats uz IE. Kas par problēmu?

 

<!--[if IE]>
<link href="styles/thrColHybHdr_IE.css" rel="stylesheet" type="text/css" />
<![endif]-->
<link href="styles/thrColHybHdr_FF.css" rel="stylesheet" type="text/css" />

Edited June 8, 2009 by xfr33

[marcis]

<!--[if IE]> - nozīmē to, ka tas, kas ir iekš šī if'a tiks ņemts vērā tikai uz ie, tas nevienā brīdī nenozīmē to, ka netiks ņemts vērā, tas, kas ir ārpus šī if'a.

[kechums]

<style type="text/css">
 #a{width:900px;overflow:hidden;}
 #b{float:right;}
</style>

<div id="a">
 <div id="b">
...
 </div>
</div>

Edited June 8, 2009 by kechums

[xfr33]

Ir kāds veids kā pareizi pozicionet uz safari?

Un otrs jautājums - vai ir iespējams uzlikt un turēt uz kompja gan IE 8, gan IE 7? Un ja nav, ir kāds browsers, kas visu attēlo kā IE7?

[bubu]

http://tredosoft.com/Multiple_IE

[xfr33]

Paldies :)

[xfr33]

Tātad man ir radusies vel viena problēma ar css. Ir divs, kurā vajadzētu būt menu. Bet šis menu, kaut arī visi margini un padding uzlikti uz 0, neatrodas tieši blakus header divam. Tur ir atstarpe. Kā šo atstarpi var noņemt?

 

<div id="container">

<div id="header">
...
</div>

<div id="menu">
<?php include('include/menu.txt'); ?>
</div>

</div>

[kechums]

Parādi, kas slēpjas zem menu.txt un iekopē to daļu no css, kas attiecas uz header un menu, savādāk pēc šāda koda nevar redzēt problēmu.

[xfr33]

menu.txt:

 

 
<ul class="menu">
<li><a href="index.php" class="twoColLiqLtHdr">Sākums</a></li>
<li><a href="#">Par ģimnāziju</a>
<ul>
<li><a href="koncepcija.php">Koncepcija</a></li>
<li><a href="programmas.php">Programmas</a></li>
<li><a href="https://login.e-klase.lv/default.aspx?login=1&AspxAutoDetectCookieSupport=1" target="_blank">Tava e-klase</a></li>
<li><a href="#">Sadarbības partneri</a>
<ul>
<li><a href="http://www.manaskola.lv" target="_blank">Sestdienas skola</a></li>
<li><a href="interesu_izglitiba.php">Interešu izglītība</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Ģimnāzijas vēsture</a>
<ul>
<li><a href="vesture.php">Vēsture</a></li>
<li><a href="zelta_stipendiati.php">Zelta stipendiāti</a></li>
</ul>
</li>
<li><a href="#">Iestājpārbaudījumi</a>
<ul>
<li><a href="iestajparbaudijumi_nosacijumi.php">Nosacījumi</a></li>
<li><a href="papildus/pieteikums.doc">Pieteikums</a></li>
</ul>
</li>
<li><a href="skolotaji.php">Skolotāji</a></li>
<li><a href="#">Dzīve ģimnāzijā</a>
<ul>
<li><a href="skolenu_dome.php">Skolēnu dome</a></li>
<li><a href="sporta_pasakumi.php">Sporta pasākumi</a></li>
<li><a href="#">Projekti</a>
<ul>
<li><a href="starptautiskie_sakari.php">Starptautiski sakari</a></li>
</ul>
</li>
<li><a href="galerija.php">Galerija</a></li>
</ul>
</li>
<li><a href="#">Mācāmies internetā</a>
<ul>
<li><a href="#">Matemātika</a>
<ul>
<li><a href="http://rks.edu.lv/matematika_10/index.html">10. klase</a></li>
<li><a href="http://rks.edu.lv/matematika_11/index.html">11. klase</a></li>
<li><a href="http://rks.edu.lv/matematika_12/index.html">12. klase</a></li>
</ul>
</li>
<li><a href="#">Fizika</a>
<ul>
<li><a href="http://rks.edu.lv/fizika_10/index.html">10. klase</a></li>
<li><a href="http://rks.edu.lv/fizika_11/index.html">11. klase</a></li>
<li><a href="http://rks.edu.lv/fizika_12/index.html">12. klase</a></li>
</ul>
</li>
<li><a href="#">Dabaszinības</a>
<ul>
<li><a href="http://rks.edu.lv/dabaszinibas_10/index.html">10. klase</a></li>
<li><a href="http://rks.edu.lv/dabaszinibas_11/index.html">11. klase</a></li>
<li><a href="http://rks.edu.lv/dabaszinibas_12/index.html">12. klase</a></li>
</ul>
</li>
<li><a href="#">Bioloģija</a>
<ul>
<li><a href="http://rks.edu.lv/biologija_10/index.html">10. klase</a></li>
<li><a href="http://rks.edu.lv/biologija_11/index.html">11. klase</a></li>
<li><a href="http://rks.edu.lv/biologija_12/index.html">12. klase</a></li>
</ul>
</li>
<li><a href="#">Ķīmija</a>
<ul>
<li><a href="http://rks.edu.lv/kimija_10/index.html">10. klase</a></li>
<li><a href="http://rks.edu.lv/kimija_10/index.html">11. klase</a></li>
<li><a href="http://rks.edu.lv/kimija_10/index.html">12. klase</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Kā mūs atrast</a>
<ul>
<li><a href="karte.php">Karte</a></li>
<li><a href="#">Transports</a>
	<ul>
	<li><a href="ka_trolejbus.php">Trolejbuss</a></li>
	<li><a href="ka_autobus.php">Autobuss</a></li>
	<li><a href="ka_tramvajs.php">Tramvajs</a></li>
	<li><a href="ka_vilciens.php">Vilciens</a></li>
	</ul>
</li>
</ul>

 

header:

 

.thrColHybHdr #header { 
background-image:url(../images/header.png);
background-repeat:repeat;
border-bottom-style:solid;
border-bottom-width:2pt;
border-bottom-color:#024302;
overflow:hidden;
height:150px;
}

 

menu:

 

ul.menu{
list-style-type:none;
margin:0;
padding:0px;
}
#menu li{
display:inline;
margin:0;
padding:0px;
}
#menu a{
float:left;
width:190px;
text-decoration:none;
color:#FFF;
font-weight:bold;
background:#999900;
padding:5px;
border-right:1px solid #FFFFFF;
}
#menu a:hover{
background:#CCCC00;	
}
#menu ul ul {
display:none;	
}

[kechums]

Varbūt, pamēģini css'am pielikt klāt šādu rindiņu:

* { margin: 0px; padding: 0px; }

Edited June 10, 2009 by kechums

[xfr33]

Menu css vai headera css?

Mēģināju abiem, bet nemainās uz labo pusi.

Edited June 10, 2009 by xfr33

[kechums]

Tikko pamanīju, ka tev iekš menu.txt nesakrīt atverošie un noslēdzošie tagi, tb <ul class="menu"> es neredzu, kur būtu noslēdzošais tags, visticamāk, ka tā arī ir problēma.

 

edit: iekš menu.txt 3. rindas nav </li> noslēdzošā taga.

Edited June 10, 2009 by kechums

[xfr33]

diemžēl nekas nemainās. bija tā ka palika atverts viens li un viens ul tags, bet ta atstarpe tik un ta ir.

[xfr33]

Esmu ielicis bildes, lai būtu labak saprotam, kas par kļūdu. Divas bildes - viena uz FF, viena uz IE.

 

FF izvietojums:

 

 

IE izvietojums:

 

 

 

Es tiešām ceru, ka kāds būs, kas var palīdzēt.

Edited June 11, 2009 by xfr33

[Evi]

taa gruuti pateikt, slinkums skatiit tavu garo kodu, tu nevari tos failus salikt kkur internetaa? Tad jau noteikti tev vareetu paliidzeet, jo moshk tai sidebaaraa ir probl nevis menu.

Edited June 11, 2009 by Evi