Jump to content
php.lv forumi

google chrome css problēma


RuFFijS

Recommended Posts

Sveiki!

Radusies sekojoša problēma, atverot lapu ar FF vai IE viss ir skaisti, bet atverot ar google chrome menu sagriežas vertikāli!

 

Bildes uzņemtas atverot ar chrome:

 

chromeproblema2.jpg

 

1. menu stāv vertikāli

2. bet pie float right ķeksis jau ir ielikts!

 

chromeproblema1.jpg

 

3. izņemot ķeksi un ieliekot atpakaļ menu nostājas savā vietā(4.)

 

 

ir idejas kāpēc tā?

 

 

css kods

#menu {
background:#fff;	
border-top: 1px solid #fff;
overflow:hidden;
float:right;
margin-top:33px;

}


#menu ul {
margin: 0;
padding: 0;
text-align: left;
}

#menu ul li {
list-style-type: none;
float:left;
margin: 0;
padding: 0;
}

#menu ul li a {
padding: 5px 5px;
margin-top: 10px;
text-decoration: none;
font-family:"Georgia",Times,serif;;
font-size:18px;
color: #484848;
display:block;
border-right:1px solid #fff;
}

#menu ul li a:hover {
background:#fff;
color:#a12831;
}

 

paldies

Link to comment
Share on other sites

Varbūt

 

#menu ul li {
       list-style-type: none;
       float:left;
       margin: 0;
       padding: 0;
}

 

vietā ieliec

#menu ul li {
       list-style-type: none;
       display: inline;
}

 

 

Tiešā veidā tas nav risinājums, vienkārši pammainam veidu kā likt saraksta elementiem atrasties horizinotāli. Varbūt šadi gļukos mazāk.

Link to comment
Share on other sites

<div id="menu">
<ul>

	<li class="page_item <?php if ( is_home() ) { ?>current_page_item<?php } ?>"></li><?php wp_list_pages('title_li=&depth=0'); ?>
</ul>
</div>	

kādi tad vēl ir varianti kā #menu divīziju dabū pie labās malas? sākumā biju aizbīdījis ar top:Xpx un left:Xpx, bet tas neder, jo lapa ir 10 dažādās valodās un katrai menu garums ir savādāks,protams, var uztaisīt katrai valodai savu menu divīziju un bīdīt pa px, bet vai tas ir vajadzīgs...

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...
×
×
  • Create New...