[2.8.0] CSS-Fehler

Please report bugs here!

Moderator: Thorsten

Post Reply
minipipes
Posts: 10
Joined: Sun Jun 23, 2013 11:43 am

[2.8.0] CSS-Fehler

Post by minipipes »

340px.jpg
fehler340px.jpg
Hallo,
das Suchfeld wird auf kleinen viewports falsch dargestellt und ist der Bildschirm im Hochformat (Portrait) reicht das Suchfeld über den DIV-Container hinaus.
Habe dann für meine Modifikation das CSS geändert und im Template für den Suchbutton eine eindeutige ID eingefügt. id="suche"

Code: Select all

a,p,i,input,button{font-size:1.05em;letter-spacing:0.08em;}
#searchfield{height:28px;width:60%;}
#suche{height:38px;}
@media (min-width:959px){
#searchfield{height:18px;width:80%;}
#suche{height:28px;}    
   
    }
    
@media (max-width:360px){
#searchfield{height:34px;width:40%;}
#suche{height:44px;}    
    
    }
das ist sicher noch nicht perfekt, aber zumindest besser als vorher.

Testen kann man CSS-layouts auf folgenden websites:
http://www.mobilephoneemulator.com/
https://quirktools.com/screenfly/


eine Optimierung für Internet-Explorer<= IE8 mit einer minimalen Breite für den body von 780px, auf windows phone sollte das nicht funktionieren.

Code: Select all

   <!--[if lte IE 8 ]&[if !IEMobile]>
    <style type="text/css" media="screen">
    body{min-width:780px;font-family:"Trebuchet MS","Verdana";font-size:12px;}
    a,p,i,input,button{font-size:13px;}
    #searchfield{height:20px;width:84%;}
    #suche{height:30px;width:24%;} 
    
    </style>
    
    
    <![endif]-->
</head>
You do not have the required permissions to view the files attached to this post.
Thorsten
Posts: 15560
Joined: Tue Sep 25, 2001 11:14 am
Location: #phpmyfaq
Contact:

Re: [2.8.0] CSS-Fehler

Post by Thorsten »

Hi,

danke für den Hinweis. Unser CSS ist offen gesagt nicht wirklich für Smartphones optimiert, dein Fixes bringen das Layout aber weiter. Ich schau mal, wie ich das am sinnigsten einbinde.

Den Patch für den IE, den IE7 unterstützen wir eigentlich nicht mehr...

bye
Thorsten
phpMyFAQ Maintainer and Lead Developer
amazon.de Wishlist
Thorsten
Posts: 15560
Joined: Tue Sep 25, 2001 11:14 am
Location: #phpmyfaq
Contact:

Re: [2.8.0] CSS-Fehler

Post by Thorsten »

Hi,

ist das nicht der bessere Fix:

https://github.com/thorsten/phpMyFAQ/co ... 8bb48b86e9

bye
Thorsten
phpMyFAQ Maintainer and Lead Developer
amazon.de Wishlist
Post Reply