Suchleiste in Safari länger

[JoEy]

Guten Tag,

Ich habe wieder ein kleines Problem, im Safari Browser wird die Suchleiste länger angezeit als bei Firefox und Internet Explorer. Dadurch geht das Design kaputt, woran könnte das liegen? hier die Screenshots:

Firefox:
[ Für Gäste sind keine Dateianhänge sichtbar ]

Internet Explorer:
[ Für Gäste sind keine Dateianhänge sichtbar ]

Safari:
[ Für Gäste sind keine Dateianhänge sichtbar ]

Vielen Dank für Eure Hilfe !!!



Linkback: https://www.modified-shop.org/forum/index.php?topic=3855.0

[Tomcraft]

Setze die Suchleiste doch einfach 10px weiter nach links.

Grüße

Torsten

[guensi]

Das Problem liegt einfach an einer Eigenart des Safari, dies genauso zu tun.

Ich vermute mal, den abgerundeten Ecken nach sollte die Suchleiste sowieso rechts außen sitzen. Dann könnte es funktionieren die einfach rechtsbündig zu platzieren.

Hängt aber davon ab wie genau und an welcher Stelle die eingebunden ist.

[JoEy]

Hallo! vielen dank für die Antworten! nein die Suchleiste soll in dem Balken sein. Es wäre schön wenn das in allen Browsern gleich aussieht. und an der gleichen stelle ist. Deswegen geht glaube ich der vorschlag von  Tomcraft  nicht.

[ Für Gäste sind keine Dateianhänge sichtbar ]

nochmals Danke !

[DokuMan]

...und im IE6 siehts wahrscheinlich wieder anders aus...
Wenn du es gleich aussehend haben willst, musst du tricksen, z.B.: http://bueltge.de/conditional-comments-effizient-nutzen/632/

[JoEy]

Hallo,

Firefox und Internetexplorer da sieht alles gut aus, macht jetzt nur noch der Safari Browser Probleme wie man oben sehen kann ist die Suchleiste etwas länger und schiebt dadurch die Lupe aus dem Balken. Keine Ahnung wie man das ändern kann. Vielen Dank für Eure Hilfe !

[guensi]

Poste doch mal deine index.html, damit man mal sieht wie du das genau eingebunden hast.

[JoEy]

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="index"}
<div id="wrap">
<div id="logo">
                <h1><a href="./index.php"><img src="" alt="Logo" /></a></h1>
                <h2><a href="./shopping_cart.php"><img src="" alt="Warenkorb" width="139" height="28" /></a></h2>
    </div>
    <div id="header">
    </div>
    <div id="topmenuwrap">
        <ul id="topmenu">
      </ul>
    <div id="search">
            {$box_SEARCH}
    </div>
        <div id="languages">{$box_LANGUAGES}</div>
    </div>
    <div id="breadcrumb"></div>
    <div id="contentwrap"> {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
        <div id="leftcol">{$box_CATEGORIES}</div>
        {/if}
        <div
                {if !strstr ($smarty.server.PHP_SELF, 'checkout')}
                        id="content"
                {else}
                        id="contentfull"
                {/if}
                >
        {$main_content}
    {/if} </div>
<p class="footer"></p>
 

Vielen Dank für die Hilfe !

[guensi]

Na ok, bei der Nummer hilft nur noch ein Link zum Shop. Oder du müsstest alles posten, was mit

Code: XML  [Auswählen]

<div id="search">
{$box_SEARCH}
</div>

zu tun hat, also alle php-Dateien und css-Anweisungen, ggfs noch html Dateien.

Das Smarty {$box_SEARCH} beinhaltet soviele potentielle Aufrufe und Möglichkeiten, dass das so nicht beantwortet werden kann

[billybob]

Hi JoEy,
wie wär's mal mit 'nem Link zum Shop. Dann kann man sich die Eigenschaften direkt anschauen. In einem jpeg wird's schwierig.
Vermute mal, dass es mit den divs im Header zu tun hat.
Gruß
billybob

[JoEy]

Danke für das Angebot, anbei der Link: http://shoop2.sh.funpic.de

[JoEy]

wie gesagt, Im Internet Explorer und im Firefox sieht alles so aus wie es soll. Im Safari aber leider nicht.

[JoEy]

???

[web28]

Hallo JoEy,

die Breite von Input Feldern lässt sich nur zuverlässig mit CSS steuern. Damit lässt sich die Breite pixelgenau angeben.
Die html size Angabe kann von den verschiedenen Browsern unterschiedlich interpretiert werden - siehe Safari

Man muss also die size Anweisung durch width ersetzen:

templates/xzc5/source/boxes/search.php

Code: PHP  [Auswählen]

IMAGE_BUTTON_SEARCH, 'size="20" maxlength="30"

ersetzen durch:

Code: PHP  [Auswählen]

IMAGE_BUTTON_SEARCH, 'style="width:126px;" maxlength="30"

Ein Wert von 126px entspricht ungefähr size= 20 im FF

Gruss Web28

[Tomcraft]

Das wäre dann sicherlich auch eine sinnvolle Ergänzung für das xtc5-Template.

Grüße

Torsten