Jump to content
php.lv forumi

Problēma ar div izvietojumu uz FF


xfr33
 Share

Recommended Posts

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 by xfr33
Link to comment
Share on other sites

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>

Link to comment
Share on other sites

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;	
}

Link to comment
Share on other sites

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 by kechums
Link to comment
Share on other sites

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

 

FF izvietojums:

 

FF_error.gif

 

IE izvietojums:

 

IE_error.gif

 

 

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

Edited by xfr33
Link to comment
Share on other sites

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 by Evi
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...