Avaleht
uus teema   vasta Tarkvara »  WWW »  IE ja FF kuvavad erinevalt :( märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
Hinnavaatlus :: Foorum :: Uudised :: Ärifoorumid :: HV F1 ennustusvõistlus :: Pangalink :: Telekavad :: HV toote otsing
autor
sõnum Saada viide sõbrale. Teata moderaatorile
otsing:  
Toomas
Kreisi kasutaja
Toomas

liitunud: 10.03.2003




sõnum 10.07.2007 22:46:59 IE ja FF kuvavad erinevalt :( vasta tsitaadiga

Hei

Ehk saab keegi oskajam abiks olla, enesel mõistus paraku täiesti otsas. Nimelt Internet Explorer'iga on kõik tip-top aga Mozilla Firefox'iga on Joomla kujundus paigast ära.

http://www.kivid.ee

Firefoxiga vaadates sõidab menüü ja lehekülje sisu ülalolevasse logosse sisse, kuigi peaks olema allpool nagu Exploreriga kuvades.

Panen teplate'i css ja index koodi ka, ehk oskab keegi mu tähelepanu juhtida puudusele.

Tänud ette!
Toomas

CSS:
/* ---------------------
basic layout
--------------------- */

* {
   font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

.waterbody {
   background:#FFFFFF url(../images/bg_body.jpg) no-repeat left top;
   margin:0;
   color:#000000;
}

div,
td,
p {
   font-size:12px;
   line-height:18px;
   color:#000000;
}

a,
a:link,
a:active,
a:visited {
   text-decoration:underline;
   color:#000000;
}

a:hover {
   text-decoration:underline;
   color:#000000;
}

ul {
   margin: 5px;
   padding: 5px;
   list-style: none;
   list-style-type: square;
}

li {
   line-height: 18px;
   padding-left: 5px;
   padding-top: 0px;
   list-style-position: inside;
}

/** clear the banner to make it sit in the bottom **/
.clear {
   clear:both;
}

/* ---------------------
template layout
--------------------- */

/** wrapper to make the page center **/
#container {
   width:780px;
   margin-left: 204px;
   margin-top: 0px;
   padding:0;
   text-align: left;
}

/**
hold background, it should be float:left
that's way we can not put it in #container
**/
#containerbg {
   position:relative;
   width: 780px;
   background:transparent;
   float:left;
   top:0;
   left:0;
}

#outerleft {
   position:relative;
   float:left;
   clear:left;
   width:600px;
   
}

#outerright {
   position:relative;
   width:170px;
   float:right;
   clear:right;
}

#logo {
   position:relative;
   width:100%;
   height:47px;
   float:left;
   background:transparent;
}

/** div container for top menu. position:top **/
#topmenu {
   position:relative;
   float:left;
   clear:left;
   background:transparent;
   width: 100%;
}

/** div container for image header **/
#imgheader {
   position:relative;
   float:left;
   clear:left;
   width:100%;
   height:99px;
   background-color: #000000;
}

#container_inner {
   position:relative;
   float:left;
   clear:left;
   width:600px;
}

/** div container for left column **/
#leftcol {
   position:relative;
   float:left;
   clear:left;
   width:180px;
   background:transparent;
}

#leftcolmenu {
   position:relative;
   background:transparent;
   overflow:auto;
}


/** div wrapper for user2 & user3 **/
#content_top_wrapper {
   position:relative;
   float:right;
   clear:right;
   width:412px;
   display:inline;
   margin: 4px 8px 0 0;
}

/** div container for position:user2 **/
#content_top1 {
   position:relative;
   float:left;
   clear:left;
   width:195px;
   padding: 5px 5px 5px 5px;
}

/** div container for position:user3 **/
#content_top2 {
   position:relative;
   float:right;
   clear:right;
   width:195px;
   padding: 5px 5px 5px 5px;
}

/** div container for mainbody **/
#content_main {
   position:relative;
   float:left;
   width:390px;
   margin:15px 0 20px 20px;
   background: transparent;
}

/** div container for right column **/
#rightcol_top,
#rightcol {
   float:left;
   clear:left;
   width:168px;
   margin:0 0 0 1px;
   display:inline;
   overflow:auto;
}

/** div container for right column position:header **/
#rightcol_top {
   height:70px;
   min-height:70px;
   background:transparent;
}

/** div container for banner position:banner **/
#banner {
   position:relative;
   clear:left;
   float:left;
   width:515px;
   height:65px;
   min-height:65px;
   color:#FFFFFF;
   font-size:10px;
   padding: 20px 0 0 215px;
}

#blackline {
   position:relative;
   clear:left;
   float:left;
   width:780px;;
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #E5E5E5;
   background: transparent;
}
/** copyright **/

#copyright {
   position:relative;
   width:780px;
   display:block;
   clear:both;
   float:left;
}

#copyright div {
   color:#666666;
   font-size:10px;
   font-weight:bold;
   display:block!important;
   width:780px;
   float:left;
   clear:left;
   margin:-10px 0 0 0;
   text-align:left;
}



/* ---------------------
mambo content layout
--------------------- */

/** pathway block **/
span.pathway {
   display:block;
   text-align:left;
   color:#000000;
   font-size:10px;
   font-weight:bold;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #E5E5E5;
   height:20px;
   margin-bottom:10px;
}

/** site name **/
#sitename {
   float:left;
   clear:left;
    width:600px;
    text-align:left;
    line-height:42px;
    font-size:30px;
    font-weight:normal;
   border-bottom-width: 1px;
   border-bottom-style: dotted;
   border-bottom-color: #E5E5E5;
    color:#000000;
}
   
#sitename a:hover {
        text-decoration:none;
        color:#000000;
}

/** content title **/
.componentheading {
   font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
   color:#000000;
   font-size: 20px;
   line-height:25px;
   padding: 5px 0 5px 0;
   display:block;
}

.contentheading,
.contentpagetitle,
a.contentpagetitle:link,
a.contentpagetitle:active,
a.contentpagetitle:visited {
   font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
   font-size:16px;
   color:#000000;
   font-weight: normal;
   padding-top: 25px;
   background-color:inherit;
   display:block;
}

.contentpaneopen {
   width:100%;
}


/** pdf, printer version, and email to friend button **/
.buttonheading {
   width: 16px!important;
   text-align:right;
}

.sectiontableheader {
   font-weight: bold;
}

.category, .categorytitle {
   font-weight: bold;
   color:#000000;
   background-color:inherit;
}

.sectiontableentry1 {
   background-color: #EFEFEF;
   padding: 2px;
   color:#333333;
}

.sectiontableentry2 {
   background-color: #FFFFFF;
   padding: 2px;
   color:#333333;
}

/** blog Styles **/
.blogsection {
   color:#000000;
   background-color:inherit;
}

.blog_more {
   font-weight: bold;
   line-height: 25px;
   padding-top: 20px;
   color: #000000;
   border-bottom: 1px solid #E5E5E5;
   background-color:inherit;
}

/** small text in content **/
.small {
   color:#999999;
   font-size:10px;
   font-weight: bold;
   background-color:inherit;
}

/** date info in content **/
#content_main .createdate {
   color:#000000;
   font-size:10px;
   padding: 0 0 15px 0;
   line-height:8px;
   background-color:inherit;
}

#content_main .modifydate {
   color:#999999;
   font-size:10px;
   padding: 0;
   background-color:inherit;
}

/** toc page navigation  **/
.pagenav_prev,
.pagenav_next {
   font-size:11px;
}


/** content item navigation  **/
.pagenavbar  {
   display:block;
   width:100%;
   background-color:inherit;
   height:20px;
   line-height:25px;
   text-align:right;
   letter-spacing:2px;
   color:#999999!important;
   clear:both;
   font-size: 11px!important;
   margin-top: 10px;
}

.pagenav {
   height:20px;
   line-height:25px;
   text-align:right;
   letter-spacing:2px;
   color:#999999;
   clear:both;
   font-size: 11px;
   margin-left: 0;
   margin-right: 0;
   background-color:inherit;
}

.back_button {
   display:block;
   text-align:left;
   font-weight:bold;
   font-size:12px;
   width:100%;
   margin-bottom:10px;
   letter-spacing:2px;
}

/** highlight word search result **/
.highlight {
   font-weight:bold;
   background-color: #FFFF00;
   padding: 2px 0 2px 0;
   
}

/** table of content layout **/
table.contenttoc {
   border:1px solid #000000;
   padding:1px;
   width:130px;
   margin: 0 0 10px 10px;
}

/** table of content header **/
.contenttoc th {
   color:#FFFFFF;
   background-color:#666666;
   font-size:11px;
   display:block;
   width:124px;
}

/** unordered list for latest news module **/
ul.latestnews li,ul.mostread li {
   line-height: 18px;
   font-size:11px;
   font-weight:bold;
   list-style-type: none;
   list-style-position: outside;
}


/** fix opera table width for content list in table category**/
table.contentpane td.contentdescription {
   width:100%!important;
}


/* ---------------------
Links
--------------------- */

/** any left column link **/
#leftcol a:link,
#leftcol a:active,
#leftcol a:visited {
   color:#464646;
}

a.pagenav:link ,
a.pagenav_next:link,
a.pagenav_pre:link,
div.back_button a,
div.back_button a:link,
a.latestnews:link,
a.latestnews:active,
a.latestnews:visited,
a.mostread:link,
a.mostread:active,
a.mostread:visited {
   text-decoration:none;
}

/*** read more link ***/
.readon,
a.readon:link,
a.readon:active,
a.readon:visited {
   color:#666666;
   font-weight:bold;
   text-align:left;
   margin-top:10px;
   letter-spacing: 2px;
   font-size:10px;
   text-decoration:none;
}

/*** blog links ***/
a.blogsection:link,
a.blogsection:active,
a.blogsection:visited {
   color:#000000;
   text-decoration:none;
}

/** generic menu item link **/
a.mainlevel:link,
a.mainlevel:active,
a.mainlevel:visited,
a.sublevel:link,
a.sublevel:active,
a.sublevel:visited {
   color:#000000;
   text-decoration:none;
   font-size:11px;
   line-height: 28px;
   border-bottom:#CCCCCC 1px solid;
}

/** generic menu item link on mouseover **/
a.mainlevel:hover,
#leftcol a.mainlevel:hover a.sublevel:hover {
   background-color:#FFFFFF;
   color:#000000!important;
   text-decoration:none!important;
}
#leftcol a.sublevel:hover {
   text-decoration:underline!important;
}

/** specific top right column menu item link **/
a.mainlevel-right:link,
a.mainlevel-right:active,
a.mainlevel-right:visited,
a.sublevel-right:link,
a.sublevel-right:active,
a.sublevel-right:visited {
   color:#000000;
   text-decoration:none;
   font-size:11px;
}

/** specific top right column menu item link on mouseover **/
a.mainlevel-right:hover {
   background-color:#CCCCCC;
   text-decoration:none;
}


/** pathway link item **/
a.pathway:link,
a.pathway:link,
a.pathway:active,
a.pathway:visited {
   color:#000000;
   text-decoration:none;
}

/** table of content list **/
a.toclink:link,
a.toclink:active,
a.toclink:visited {
   color:#000000;
   font-size:11px;
   padding:2px 10px 2px 10px;
   display:block;
   text-decoration:none;
}

.pagenavbar a:link,
.pagenavbar a:active,
.pagenavbar a:visited  {
   letter-spacing:2px;
   color:#000000;
   font-size: 11px;
   text-decoration: none;
}

.pagenavbar a:hover {
   color:#000000;
}

/** latestnews and popular **/
.latestnews,
.mostread {
   color:#000000;
}

a.latestnews:link,
.mostread a:link,
.latestnews a:active,
.mostread a:active,
.latestnews a:hover,
.mostread a:hover,
.latestnews a:visited,
.mostread a:visited {
   color:#000000;
   text-decoration:underline;
}

/** underline on hover **/
a.toclink:hover,
a.latestnews:hover,
a.mostread:hover,
a.pathway:hover,
a.sublevel-right:hover,
a.blogsection:hover,
a.readon:hover,
a.pagenav:hover ,
a.pagenav_next:hover,
a.pagenav_pre:hover,
a.latestnews:hover {
   text-decoration:underline;
   color:#000000;
   background-color:inherit;
}

#leftcol a:hover {
   color: #464646;
   text-decoration:none;
}


/* ---------------------
mambo module layout
--------------------- */

/** general module table **/
table.moduletable,
#leftcol table,
#rightcol table {
   width:100%;
   float:left;
   clear:left;
}

/** general module table **/
#rightcol table,
#leftcol table td {
   font-size:11px !important;
   color:#464646;
}

#rightcol table,
#rightcol table td {
   font-size:11px !important;
   color:#464646;
}

/** general module title **/
table.moduletable th,
table.moduletable-bgimg th,
table.moduletable-right th {
   border-left: 5px solid #464646;   
   color:#464646;
   font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif;
   font-size:20px;
   background: transparent;
   height:25px;
   text-align:left;
   padding-left:15px;
   font-weight:bold;
}

/** specific module td table for content top 1 and 2.
position:user2 an user3 **/
#content_top1 table.moduletable td,
#content_top2 table.moduletable td {
   padding: 2px 2px 2px 2px;
   background:transparent;
   height:100px;
   min-height:100px;
   vertical-align:top;
}

/** right column module td **/
#rightcol table.moduletable td   {
   padding:5px;
}

/** generic menu item **/
.mainlevel  {
   display:block;
   height:25px;
   line-height:25px;
   padding-left:15px;
   background:transparent;
   font-weight:bold;
   text-decoration:none;
}

/** specific left column form **/
#leftcol form {
   margin-left:15px;
}

/** specific left column form **/
#leftcol .button {
   font-size:11px;
   color:#000000;
   background-color:#464646;
   border-right: 1px solid #333333;
   border-bottom: 1px solid #333333;
   border-left: 1px solid #888888;
   border-top: 1px solid #888888;
   width:140px;
}


/** specific left column form **/
#leftcol .inputbox {
   font-size:11px;
   font-weight: bold;
}

/** module styles in #leftcol **/
#leftcol table.moduletable td {
   color:#464646;
   font-size:11px;
}

/** search div in top right column. position:user4 **/
div.search {
   margin-left:10px;
}

/** search field in search div **/
.search .inputbox {
   width:130px;
   border: 1px solid #000000;
}

/* ---------------------
mambo form layout
--------------------- */

/** left column input form **/
#leftcol .inputbox {
   font-size:11px;
   /*border: 1px solid #000000;*/
   margin-bottom:2px;
}

/** input button html tag **/
.button,
#rightcol .button {
   font-size:11px;
   text-transform:uppercase;
   color:#464646;
   font-weight:bold;
   background-color:#499D90;
   border-top: 1px solid #FFFFFF;
   border-right: 1px solid #999999;
   border-bottom: 1px solid #999999;
   border-left: 1px solid #FFFFFF;
}
.search  {
   margin-top:30px;
}



/*
mambo top menu layout
you need to add menu class suffix: -nav
*/

/** unordered list top menu **/
ul#mainlevel-nav
{
   list-style: none;
   padding: 0;
   margin: 0;
   font-size: 0.8em;
}

/** unordered list item for top menu **/
ul#mainlevel-nav li
{
   display: block;
   padding-left: 0px;
   padding-right: 0px;
   float: left;
   margin: 0;
   width: auto !important;
   font-size: 11px;
   line-height: 23px;
   white-space: nowrap;
}

/** unordered list item link for top menu **/
ul#mainlevel-nav li a
{
   display: block;
   padding-left: 15px;
   padding-right: 15px;
   text-decoration: none;
   color: #464646;
   font-weight:bold;
}

/** unordered list item link for top menu for firefox only **/
#topmenu>ul#mainlevel-nav li a {
   width: auto;
}

/** unordered list item for top menu for firefox only **/
ul#mainlevel-nav li a:hover {
   text-decoration:underline;
}


/*
specific right column menu item. position:right
you need to add menu class suffix: right
*/
.mainlevel-right {
   display:block;
   height:25px;
   line-height:25px;
   padding-left:15px;
   background:#EEF0F0;
   font-weight:bold;
}

/**
moduletable specific with background image
you need to add modules class suffix: -bgimg
**/
table.moduletable-bgimg {
   background:transparent;
   float:left;
   clear:left;
   width:100%;
}

table.moduletable-bgimg td {
   padding: 5px ;
   font-size:11px;
}

table.moduletable-bgimg td td {
   padding: 0!important;
}

/** for polls **/
.poll {
   font-size:11px;
   line-height: 16px;
}

table.pollstableborder .sectiontableentry2 {
   background-color:transparent;
   text-align:left;
}
table.pollstableborder .sectiontableentry1 {
   background-color:#F5F5F5;
   text-align:left;
}

.moduletable_bgimg table.pollstableborder td.sectiontableentry2,
.moduletable_bgimg table.pollstableborder td.sectiontableentry1 {
   background-color:transparent!important;
   text-align:left!important;
}


#bottompadding   {
   position:relative;
   width:780px;
   display:block;
   height:0px;
   margin-top:-100px;
}


Index:
<?php
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
// needed to seperate the ISO number from the language file constant _ISO
$iso = explode( '=', _ISO );
// xml prolog
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<!DOCTYPE html PUBLIC "-//Wa3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
   initEditor();
}
?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link href="<?php echo $mosConfig_live_site;?>/templates/citron/css/template_css.css" rel="stylesheet" type="text/css"/>
</head>
<body class="waterbody">

<div id="container">
   <div id="containerbg">
      <div id="outerleft">
         <!-- start logo -->
         <div id="logo">
           <a href="index.php"><img src="<?php echo $mosConfig_live_site; ?>/templates/citron/images/logo.gif" alt="logo image" border="0" align="top" /></a>
         </div>
         <!-- end logo -->
         <!-- start top menu -->
         <div id="topmenu">
         <?php mosLoadModules('top',-1); ?>
         </div>
         <!-- end top menu.  -->
         <div id="sitename"><?php echo $mosConfig_sitename; ?></div>
         <div id="container_inner">
            <!-- start left column. -->
            <div id="leftcol">
            <?php mosLoadModules('left'); ?>
            </div>
            <div id="leftcolmenu">
            <?php mosLoadModules('user1'); ?>
            </div>
            <!-- end left column. -->
            <!-- start content top wrapper -->
            <?php
            if (mosCountModules('user2') >= 1 OR mosCountModules('user3') >= 1 ) {
            ?>
            <div id="content_top_wrapper">
               <!-- start content top 1.  -->
               <div id="content_top1">
               <?php mosLoadModules('user2'); ?>
               </div>
               <!-- end content top 1 -->
               <!-- start content top 2.  -->
               <div id="content_top2">
               <?php mosLoadModules('user3'); ?>
               </div>
               <!-- end content top 2 -->
            </div>
            <?php
            }
            ?>
            <!-- end content top wrapper -->
            <!-- start main body -->
            <div id="content_main">
               <?php mosPathWay(); ?>
               <table width="390" border="0" cellspacing="0" cellpadding="0">
                 <tr>
                  <td>
                  <?php mosMainBody(); ?>
                  </td>
                 </tr>
               </table>
            </div>
            <!-- end main body -->
         </div>
      </div>
      <div id="outerright">
         <!-- start right top header.  -->
         <div id="rightcol_top">
         <?php mosLoadModules('header'); ?>
         </div>
         <!-- end right top header.-->
         <!-- start right column. -->
         <div id="rightcol">
         <?php mosLoadModules('newsflash'); ?>
         <?php mosLoadModules('right'); ?>
         <?php mosLoadModules('user4'); ?>
         </div>
         <!-- end right column. -->
      </div>
      
      <div class="clear">
      </div>
      <?php
      if (mosCountModules('banner') >= 1) {
      ?>
         <!-- start banner.  -->
         <div id="banner">
         <?php mosLoadModules('banner'); ?>
         </div>
         <!-- end banner. -->
      <?php
      }
      ?>
      
      <div id="blackline">
      </div>
      <div class="clear">
      </div>
      <div id="bottompadding"></div>
   </div>
   
   

   </div>

</div>

<?php mosLoadModules('debug', -1);?>
</body>
</html>
Kommentaarid: 63 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 01.04.2002



Autoriseeritud ID-kaardiga

sõnum 11.07.2007 12:00:21 vasta tsitaadiga

#leftcol - pane juurde:

margin-top: 15px;

_________________
There is no place like 127.0.0.1

Vaata kasutaja äripakkumisi
PT: Frontend arendaja - Svelte / SvelteKit 0441
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Toomas
Kreisi kasutaja
Toomas

liitunud: 10.03.2003




sõnum 11.07.2007 19:49:37 vasta tsitaadiga

Renka, tänud aga seda olen juba proovinud, esiteks see lükkab ainult menüü (leftcol) allapoole aga mitte kogu lehekülje sisu ja teiseks siinjuures lükkab allapoole ka Exporeriga vaadates st menüü justkui oleks siis Firefoxiga paigas aga Exploreriga vaadates jälle liiga all.

Vaja oleks saada allapoole nii menüü kui lehekülje sisu. Pean silmas seda osa, mis jääb allapoole katkendjoont (IE-ga on näha mida mõtlen).

Kui panna jõuga katkendjoon lehe ülalosast nt 70 pikslit allapoole, siis Firefoxiga kõik ilus-kena nagu hetkel Exploreriga. Aga siis Exploreri puhul liigub asi praegusest 70 pixlit allapoole.

No ei saa aru kuhu see koer maetud on icon_confused.gif
Kommentaarid: 63 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum
mikk36
HV Guru
mikk36

liitunud: 21.02.2004




sõnum 11.07.2007 20:47:25 vasta tsitaadiga

tekitada erand css'is IE jaoks ?
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
c3ltic
HV kasutaja

liitunud: 21.04.2007




sõnum 12.07.2007 16:04:34 vasta tsitaadiga

Tundub et oled asja korda saanud...
Kommentaarid: 10 loe/lisa Kasutajad arvavad:  :: 2 :: 0 :: 8
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Toomas
Kreisi kasutaja
Toomas

liitunud: 10.03.2003




sõnum 13.07.2007 21:42:37 vasta tsitaadiga

hehh, peaaegu icon_rolleyes.gif

nüüd on FF-iga ja IE6-ga korras aga uus IE7 va kurjajuur loeb asja ikka omamoodi. aga iseenesest mikk36 idee on hea ja eks ma üritan seda veel edasi arendada, et IE7-ga ka asja ikka lõpuks paika saaks icon_razz.gif

EDIT:

oehhh, nüüd peaks küll asi toimima - vähemalt IE6, IE7 ja FF kuvavad korrektselt. peab vist igaks juhuks ka teised enimlevinud brauserid alla laadima, et näha kas veel "üllatusi" esineb icon_confused.gif
aga tänud nõuannete ja suunamise eest beer_yum.gif
Kommentaarid: 63 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum
lauri
HV veteran
lauri

liitunud: 05.11.2001



Autoriseeritud ID-kaardiga

sõnum 13.07.2007 22:12:30 vasta tsitaadiga

Safari all tundub ka igati nomraalne olevat icon_smile.gif
_________________
Powered by MacBook Pro.
The sh*t has hit the fan.
Kommentaarid: 89 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 79
tagasi üles
vaata kasutaja infot saada privaatsõnum
Toomas
Kreisi kasutaja
Toomas

liitunud: 10.03.2003




sõnum 15.07.2007 18:21:50 vasta tsitaadiga

tänud beer_yum.gif veel parem variant - kui on veel vähemesinevate ja eelpool nimetamata brauserite kasutajaid ja kui mahti on, siis andke märku kuidas teil kuvab? pääsen kõikvõimalike brauserite installeerimsiest icon_razz.gif
Kommentaarid: 63 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum
nene
Kreisi kasutaja
nene

liitunud: 20.03.2004




sõnum 15.07.2007 19:20:29 vasta tsitaadiga

IE, Firefox, Opera, Safari võiksid siiski endal olemas olla.

Lehekülg on sul liiga lai.

Print-nupu asemel kirjuta parem mõstlik print-meedia stiilileht.
Kommentaarid: 24 loe/lisa Kasutajad arvavad:  :: 0 :: 1 :: 23
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
scorp
HV kasutaja

liitunud: 08.12.2002




sõnum 26.01.2008 14:29:09 vasta tsitaadiga

Tere.Uut teemat nagu pole mõtet teha sest mure sama ma arvan.Kas keegi aitaks pisut.Ma nimelt kasutan templiiti mis tehtud IE7 jaoks ja IE6 ei raatsi kuvada nii nagu vaja.Menüüd ja kujundus ilusti paigas aga lehe sisu viskab alla.Küsimus,et kas on võimalik seda koodi mudida nii, et IE6 ka aru saaks.FF2.. kuvab asja ka OK.
body {
   overflow: auto;
    font-size: 10px;
   font-family: "Verdana", Arial, serif;
    color: #52A0B6;
    margin: 0;
    padding: 0;
   background: #000 url(../images/background.jpg) top center repeat-y;
}
td {
   font-family: "Verdana", Arial, serif;
   font-size: 11px;
   color: #456878;
}
ul {
   margin: 0;
   padding: 0;
   list-style: none;
}
li{
   line-height: 20px;
   padding-left: 12px;
   padding-top: 0px;
}
a:link, a:visited {
   font-family: "Verdana", Arial, serif;
   color: #456878;
   text-decoration: underline;
}
a:hover {
   text-decoration: none;
   color: #456878;
}   
.bg_left {
   width: 50%;
   height: 100%;
   background: url(../images/lefttable.jpg) no-repeat top right;
}
.bg_right {
   width: 50%;
   height: 100%;
   background: url(../images/righttable.jpg) no-repeat top left;
}
#header {
   background: url(../images/header.jpg) no-repeat;
   height: 202px;
   width:836px;
}
#mainbody {
   width: 836px;
   min-width:836px;   
   height: 700px;
}
.maintable {
   margin: 0 0 0 -1px;
}
#sitename {
   width: 836px;
   height: 202px;
}
#sitename p {
    text-align: center;
   font-family: "Verdana", Times, serif;
   font-size: 24px;
   font-weight: bold;
   letter-spacing: 1px;
   white-space: nowrap;   
   color: #52A0B6;
   margin: 0;
   padding: 110px 0 0 50px;
}
#menucenter {
   height: 30px;
   width: 836px;
   text-align: center;
   margin: 0 auto;
}
#menucenter .menu_m {
   text-align: center;
   height: 30px;
}
#topnavi{
   position: relative;
   display: block;
   height: 30px;
   margin: -50px 0 0 0;
}
#topnavi ul {
   float: left;
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: auto;
}
#topnavi ul li {
   display: block;
   float: left;
   margin: 0;
}
#topnavi ul li a{
   display: block;
   float: left;
   color: #FFF;
   text-decoration: none;
   padding: 8px 8px 0 0;
   height: 30px;
   font-size: 12px;
   font-family: "Verdana", Arial, serif;
   opacity: .5;
   filter: alpha(opacity=50);
}
#topnavi ul li a:hover,#topnavi ul li a.current{
   display: block;
   opacity: 1;
   filter: alpha(opacity=100);
}
#leftmenu {
   margin: 10px 20px 0 15px;
   float: left;
   width: 150px;
}
#main {
   float: left;
   margin: 0 15px 0 0;
   width: 626px;
}
#footer {
   clear: both;
   background: url(../images/footer.jpg) no-repeat;
   width: 836px;
   height: 31px;
   margin: 30% 0 0 0;
}
table.moduletable th {
   color: #52A0B6;
   text-align: left;
   padding: 10px 0 10px 0;
   height: 20px;
   font-weight: bold;
   font-size: 14px;
   font-family: "Verdana", Arial, serif;
}
a.mainlevel:link, a.mainlevel:visited {
   display: block;
   font-size: 12px;
   text-align: left;
   padding: 4px 0px 2px 0px;
   height: 15px;
   text-decoration: none;
   font-family: "Verdana", Arial, serif;
   color: #455575;
   margin: 2px;
   background-image: url(../images/button.jpg);
   background-repeat: no-repeat ;
}
a.mainlevel:hover {
   color: #999;
}
table.contentpaneopen {
   width: 100%;
   margin: 0 5px 0 0;
}
table.contentpaneopen td.contentheading {
   padding: 2px 2px 2px 6px;
   color: #52A0B6;
   text-align: left;
   white-space: nowrap;
   font-family: "Verdana", Arial, serif;
   font-size: 12px;
   font-weight: bold;
   border-bottom: 1px solid #52A0B6;
   padding: 15px 0 0 0;
}
.button {
   margin: 3px 0 3px 0;
   padding: 0 5px 2px 5px;
   border: 1px solid #456878;
   background-color: #000;
   color: #456878;
   font-family: "Verdana", Arial, serif;
   text-align: center;
   font-size: 11px;
}
.inputbox {
   font-size: 10px;
   font-family: "Verdana", Arial, serif;
   border: 1px solid #456878;
   background-color: #000;
   color: #52A0B6;
}
input[type="checkbox"] {
   border-style: none;
}
.copyright {
   color: #FFF;
   font-family: "Verdana", Arial, serif;
   font-size: 10px;
   padding: 10px 0 0 0;
   margin: 0 auto;
   text-align:center;
}
.back_button {
   float: left;
   text-align: center;
   font-size: 11px;
   font-weight: bold;
   width: auto;
   padding: 0px 10px;
   line-height: 20px;
   margin: 10px 0 50px 0;
}
.componentheading {
   height: 30px;
   margin: 10px 0 0 0;
   padding: 11px 0 0 40px;
   text-align: left;
   white-space: nowrap;
   font-family: "Verdana", Arial, serif;
   font-size: 12px;
   font-weight: bold;
}
.wrapper {
   width: 620px;
   height: 550px;
}
table.moduletable {
      
   border-spacing: 0px;
   border-collapse: collapse;
}

table.moduletable td {
   padding-left: 7px;
   font-size: 11px;
}


/* -------------------------- */
a.sgfooter:link, a.sgfooter:visited {
   color: #fff;
   font-size: 10px;
   font-family: "Verdana", Arial, serif;
   text-decoration: none;
}
a.sgfooter:hover {
   color: #fff;
   font-family: "Verdana", Arial, serif;
   text-decoration: none;
}
.sgf {
   font-size: 10px;
   font-family: "Verdana", Arial, serif;
   color: #fff;
   text-decoration: none;
}
.sgf1 {
   font-size: 10px;
   font-family: "Verdana", Arial, serif;
   color: #fff;
   text-align: left;
}

a.sglink:link, a.sglink:visited {
   color: #fff;
   font-size: 10px;
   font-family: "Verdana", Arial, serif;
   text-decoration: none;
}
a.sglink:hover {
   text-decoration: none;
}





a img {
   border: 0;
}
.pathway {
   border: 0;
   color: #333333;
   font-family: "Verdana", Arial, serif;
   font-weight:bold;
   padding:2px 4px 2px 10px;   
   
}
a.pathway:link, a.pathway:visited {
   color: #333333;
   font-size: 11px;
   line-height: 18px;
   font-family: "Verdana", Arial, serif;
   font-weight: bold;
   padding: 2px 4px 2px 4px;
}
a.pathway:hover {
   color: #fefefe;
   font-family: "Verdana", Arial, serif;
   font-weight:bold;
   background-color:#2a519e;
}
.pagenav {
   font-size:12px;
   font-weight:normal;
}
#topnavigation a.topnavigation:link, a.topnavigation:visited {
   font-family: "Verdana", Arial, serif;
   font-size: 10px;
   font-weight: bold;
   letter-spacing : 1px;
   color: #fefefe;
   padding-right:5px;
   text-decoration:none;
}
#topnavigation a.topnavigation:hover {
   color: #b9f15d;
   border-bottom: none;
   text-decoration:none;   
}
#topnavigation a.topnavigation:active {
   color: #51c0f5;
   text-decoration:none;   
}
a.toclink:link, a.toclink:visited {
   line-height:normal;
   font-size:11px;
   font-family: "Verdana", Arial, serif;
   color: #000000;
   text-decoration: underline;
}
a.toclink:hover {
   text-decoration: none;
}
table.contenttoc {
   padding: 2px;
   margin-left: 2px;
   margin-bottom: 2px;
}
table.contenttoc th {
   background: #99ca37;
   color: #47484a;
   text-align: left;
   padding-top: 2px;
   padding-left: 4px;
   height: 21px;
   font-weight: bold;
   font-size: 11px;
   text-transform: uppercase;
}
.sectiontableheader {
   background: #222;
   height: 20px;
   padding-right:3px;
   font-weight :bold;
}
table.contentpane td.contentdescription {
   font-size:12px;
   line-height:18px;
}
table.contentpane td.componentheading {
   background:#abd851;
   height: 20px;
   padding-left:3px;
   color: #fefefe;
   text-align: left;
   padding-bottom:3px;
   white-space: nowrap;
   font-family: "Verdana", Arial, serif;
   font-size: 14px;
   font-weight: bold;
}
table.contentpane td {
   padding-top:1px;
   padding-bottom:2px;
   font-size:12px;
}
table.contentpaneopen td
{
   line-height:20px;
   font-size:12px;
}
a.sublevel:link, a.sublevel:visited {
   font-size: 10px;
   color: #000000;
   text-align: left;
   text-decoration: underline;
   vertical-align:middle;
   
}
a.sublevel:hover {
   text-decoration: none;
   color: #333;
}
.height {
   height: 100%;
}
Kommentaarid: 3 loe/lisa Kasutajad arvavad:  :: 1 :: 0 :: 1
tagasi üles
vaata kasutaja infot saada privaatsõnum
nene
Kreisi kasutaja
nene

liitunud: 20.03.2004




sõnum 26.01.2008 14:40:04 vasta tsitaadiga

Noh, minu HTML faili peal töötab see CSS igatahes laitmatult.
Kommentaarid: 24 loe/lisa Kasutajad arvavad:  :: 0 :: 1 :: 23
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
scorp
HV kasutaja

liitunud: 08.12.2002




sõnum 26.01.2008 16:44:22 vasta tsitaadiga

Mul on tepliidi css kaustas fail nimega ie7.php.Kas äkki siis see ei või sellist anomaaliat teha...
Tänud vastamast aga sain asja korda.Millegipärast jäi ftp-sse ajamisel maha ie6 kuvafail.Nüüd kui saatsin selle ka üles siis asi korras
Kommentaarid: 3 loe/lisa Kasutajad arvavad:  :: 1 :: 0 :: 1
tagasi üles
vaata kasutaja infot saada privaatsõnum
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  WWW »  IE ja FF kuvavad erinevalt :(
[vaata eelmist teemat] [vaata järgmist teemat]
 lisa lemmikuks
näita foorumit:  
 ignoreeri teemat 
sa ei või postitada uusi teemasid siia foorumisse
sa ei või vastata selle foorumi teemadele
sa ei või muuta oma postitusi selles foorumis
sa ei või kustutada oma postitusi selles foorumis
sa ei või vastata küsitlustele selles foorumis
sa ei saa lisada manuseid selles foorumis
sa võid manuseid alla laadida selles foorumis



Hinnavaatlus ei vastuta foorumis tehtud postituste eest.