Darstellung mit float in Firefox

[leopittoni]

Hallo

Bin gerade dran eine Website zu gestalten. Nun hab ich ein wenig Sorgen mit der Positionierung eines Suchfeldes... In Safari wird es richtig dargestellt, in Firefox aber völlig falsch. Vielleicht könnt ihr mir ja helfen!

Das Suchfeld:

In Safari oben rechts:
[ externes Bild ]

In Firefox oben links anstatt rechts:
[ externes Bild ]

Code: Alles auswählen

<div class="menuc">
	<div style="float:left;height:0px;padding-top:5px;">
				<?php mosPathWay(); ?>
			</div>
			<div style="float:right;height:0px;padding-right:7px;">
				<?php mosLoadModules('user3'); ?>
			</div>
</div>

Was habe ich falsch gemacht?

Danke! Léo

[S2B]

Wie sieht's denn ohne height: 0px aus?

[leopittoni]

Genau gleich... Leider. Kanns mir nicht erklären...

Léo

[S2B]

Teste mal anstatt float: right ein text-align: right.

[leopittoni]

Code: Alles auswählen

<div style="text-align:right;height:0px;padding-right:45px;">

funktioniert zwar, nur erscheint in Firefox das Feld nicht schön mittig im Balken... In Safari jedoch schon.

In Safari:
[ externes Bild ]

In Firefox:
[ externes Bild ]



EDITH: Doch nicht Ideal... Wenn links dann Text hinzukommt, gehts über die Seite hinaus... (In allen Browsern)
[ externes Bild ]


Wie könnte ich das lösen?

Danke. Léo

[UGC]

Vllt mit einer "unsichtbaren" tabelle.
Also border=0

Etwa so:

Code: Alles auswählen

<table border='0' width='100%'>
<tr><td width='90%'>
<div style="float:left;height:0px;padding-top:5px;"> 
            <?php mosPathWay(); ?> 
         </div> 

</td><td>
<div style="float:right;text-align:right;height:0px;padding-right:7px;"> 
            <?php mosLoadModules('user3'); ?> 
         </div> 
</td></tr>
</table>

Wenn du Glück hast, ist direckt auch noch der kleine Abstand nach unten wieder da

[leopittoni]

Hi

Habe nun einfach mal das ganze umgekehrt...

<div class="menuc">
<div style="float:right;height:0px;padding-right:7px;">
<?php mosLoadModules('user3'); ?>
</div>
<div style="float:left;height:0px;padding-top:5px;">
<?php mosPathWay(); ?>
</div>
</div>

Also zuerst die such-box und dann den Path... So bleibt die Box schön wo sie auch sein soll...

NUR: eben, sie ist noch immer nicht schön zentriert... Das Problem: In Firefox ist die Schrift "suchen..." in der Box viel grösser als in anderen Browsern... -> Die Box wird also auch grösser...

Wer kann mir helfen!? Danke! léo

[UGC]

Mann kann mit CSS auch die Schriftgröße andern...
Such einfach mal

[leopittoni]

Klar kann man das... Nur: In Safari (und anderen) stimmt sie, in Firefox nicht...

Léo

[S2B]

Hast du sie denn eindeutig im Stylesheet definiert? Ansonsten ist es klar, dass jeder Browser was anderes darstellt...