[PHP] Pozycja w tabeli -nie można ustawić pod operę, Joomla - Opera Opcje

[comin]

Witam wszystkich.
Tworzę własną templatkę dla Joomli i mam problem z ustawieniem w tabeli obiektu (search).
Nie można ustawić odległości od górnej krawędzi komórki okienka wyszukiwania (z buttonem), tak aby we wszystkich przeglądarkach była jednakowa odległość.
W Internet Explorerze oraz FireFoxie wyświetla się prawidłowo natomiast w Operze wygląda tak, jakby nie były wczytane marginesy (szukaj jest przyklejony do lewej/górnej krawędzi komórki). (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

[PHP] pobierz, plaintext 
<td height="20"
 
		 colspan="3" valign="top" ><span class="body_outer">
			  <?php mosLoadModules ( 'szukaj', -3); ?>
			</span></td>
[PHP] pobierz, plaintext 

CSS

[PHP] pobierz, plaintext 
<?php
.inputbox-szukaj {
margin-top: 5px;
border: 1px solid #999999;
color: #444444;
padding:2px;
font-size:11px;
}
?>
[PHP] pobierz, plaintext 

Ten post edytował comin 5.06.2007, 19:31:58

[nexis]

Przedstawiony przez Ciebie kod HTML korzysta z klasy body_outer, a Ty przedstawiasz klasę .inputbox-szukaj! Nie bardzo rozumiem tą zbieżność, chyba że:

[PHP] pobierz, plaintext 
<?php
mosLoadModules ( 'szukaj', -3);
?>
[PHP] pobierz, plaintext 

Kryje coś ciekawego, ale mógłbyś przedstawić wynik wywołania tej funkcji.

[comin]

chyba że... Kryje coś ciekawego, ale mógłbyś przedstawić wynik wywołania tej funkcji.

Oczywiście chodzi o kod PHP

Wynik (źródło z Opery)

Kod

<tr valign="middle">
            <td height="20"
        
            colspan="3" valign="top" >  <div style="position: left:5; top:5; width:20; height:20">
                      <div class="module-szukaj">
            <div>
                <div>
                    <div>
                        
<form action="index.php?option=com_search&amp;Itemid=5" method="get">
    <div class="search-szukaj">
        <input name="searchword" id="mod_search_searchword" maxlength="20" alt="search" class="inputbox-szukaj" type="text" size="22" value="Darmowe konto..."  onblur="if(this.value=='') this.value='Darmowe konto...';" onfocus="if(this.value=='Darmowe konto...') this.value='';" /><input type="submit" value="Szukaj" class="button-szukaj"/>    </div>

    <input type="hidden" name="option" value="com_search" />
    <input type="hidden" name="Itemid" value="5" />    
</form>                    </div>
                </div>
            </div>
        </div>
                    </div> </td>
            <td width="228" height="11"><span class="body_outer">

Po zwiększeniu marginesu w operze lekko się ruszyło, a w FF i IE "rozjechało" stronę (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

[PHP] pobierz, plaintext 
<?php
.inputbox-szukaj {
margin-top: 50px;
border: 1px solid #999999;
color: #444444;
font-size:11px;
}
?>
[PHP] pobierz, plaintext