phpBB.de

Verfasst: **16.12.2007 19:59**

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

Verfasst: **17.12.2007 14:33**

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

Verfasst: **17.12.2007 18:50**

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

Léo

Verfasst: **17.12.2007 19:20**

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

Verfasst: **18.12.2007 14:29**

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

Verfasst: **18.12.2007 16:54**

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

Verfasst: **18.12.2007 16:58**

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

Verfasst: **18.12.2007 18:44**

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

Verfasst: **18.12.2007 19:33**

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

Léo

Verfasst: **18.12.2007 20:04**

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

phpBB.de

Darstellung mit float in Firefox

Darstellung mit float in Firefox