php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 28.09.2011, 14:55  
Benutzer
 
Registriert seit: 03.04.2011
Beiträge: 89
PHP-Kenntnisse:
Anfänger
Anima ist zur Zeit noch ein unbeschriebenes Blatt
Standard Probleme mit dem Viewport

Guten Tag,
ich habe mich letztens mal an einer eigenen Website versucht. Die Seite sieht eigentlich auch ganz gut aus, nur habe ich noch ein kleines Problem mit der Darstellung der Div's, genauer gesagt mit dem Viewport:

Code:
/**
  * Main declarations for Manu@web
  *
  * @author     Manuel J.
  * @copyright  2011 Manuel J.
  */
 
@font-face {
    font-family:Opificio;
    src:url(../fonts/opificio.ttf);
}
        
body {
    background-color:black;
    background-image:url(../images/stripe.gif);
}
 
a {
    color:black;
    text-decoration:none;
    text-shadow:0 0 1px #000000;
}
 
#header {
    font-family:Opificio;
    font-size:100px;
    color:yellow;
    text-shadow:0 0 5px yellow;
    text-align:center;
}
        
#slogan {
    font-family:Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    font-size:25px;
    text-shadow:0 0 5px #FFFFFF;
    text-align:center;
    padding-left:5px;
    padding-right:5px;
}
        
#content {
    background-color:#CCCCCC;
    margin:50px 350px 50px 350px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    padding-left:10px;
    padding-right:10px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
}
        
.navi {
    background-color:#C7FE7C;
    border:1px solid #000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    height:250px;
    left:200px;
    padding:10px 5px;
    position:absolute;
    top:205px;
    width:115px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
}
        
.navi a {
    color:black;
    text-decoration:none;
    text-shadow:0 0 0.4px #000000;
}
 
.navi b {
    color:black;
    text-shadow:0 0 0.4px #000000;
}
        
h2 {
    font-family:Arial, Helvetica, sans-serif;
    text-shadow:0 0 0.4px black;
    color:#333333;
}
 
b {
    font-family:Arial, Helvetica, sans-serif;
    text-shadow:0 0 0.3px black;
    color:#333333;
}
 
#footer {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    padding:5px;
    text-align:center;
}
 
.textbox {
    padding:5px;
    margin:25px 10px;
    border:1px solid #333333;
    -moz-box-shadow:-5px -5px 5px #888;
    -webkit-box-shadow:-5px -5px -5px #888;
    box-shadow:-5px -5px -5px #888;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
 
.textbox h3 {
    margin-top:0;
}
 
.textbox p {
    margin:1px;
}
 
#pagination {
    text-align:center;
}
 
#comments {
    font-size:14px;
}
 
#posttitle:link {
    text-shadow:none;
}
 
#posttitle:hover {
    text-shadow:none;
    text-decoration:underline;
}
Das ist mein (ziemlich umständlich geschriebener und noch nicht optimierter) Stylesheet. Es geht konkret um die ersten Div's (header, slogan und content).
Sobald ich mein Browserfenster minimiere, verschieben sich die Container ungewollt.

Was kann ich tun, um diesen Effekt zu verhindern?
So sieht die Website momentan aus: http://manuweb.taess.net (optimiert für Firefox)
Anima ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 29.09.2011, 00:02  
Benutzer
 
Registriert seit: 14.08.2008
Beiträge: 41
PHP-Kenntnisse:
Anfänger
hummer befindet sich auf einem aufstrebenden Ast
Standard

Was ist daran so schlimm? Ist doch genau richtig - das Layout passt sich dem Browserfenster an und es ist immer zentriert. (wobei ich dem #content eine Mindestbreite vergeben würde)
Wenn alles immer pixelgenau fest sein soll: absolute Positionierung wie bei deiner Navigation.
hummer ist offline   Mit Zitat antworten
Alt 29.09.2011, 00:10  
Moderator
 
Benutzerbild von Chriz
 
Registriert seit: 11.05.2008
Beiträge: 6.266
Chriz ist ein wunderbarer AnblickChriz ist ein wunderbarer AnblickChriz ist ein wunderbarer AnblickChriz ist ein wunderbarer AnblickChriz ist ein wunderbarer AnblickChriz ist ein wunderbarer AnblickChriz ist ein wunderbarer Anblick
Standard

Was heisst verschieben? Wenn du keine Breite explizit angibst, wird 100% genommen, das ist eine relative Angabe, die eben auch vom Viewport abhaengt.
__________________
"Nuschel ich?" - "Was?"
Chriz ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
php / mysql Probleme bei Umstieg von php 5.2 auf 5.3 Gerhard76 PHP Einsteiger 10 21.09.2011 12:58
$_SESSION Probleme Thomasd82hb PHP Tipps 2010 12 12.06.2010 01:34
Probleme mit Word Lollix Off-Topic Diskussionen 2 26.03.2010 11:52
CHarset und Probleme mit IE KeKs0r HTML, Usability und Barrierefreiheit 10 26.01.2010 21:59
[Erledigt] fopen() Probleme jN^ PHP Tipps 2009 2 18.08.2009 12:31
[Erledigt] Firefox / IE - Probleme HTML, Usability und Barrierefreiheit 5 20.07.2009 17:04
Win+Firefox alles ok, IE oder Linux: Probleme vollderdude PHP Tipps 2009 6 02.01.2009 16:17
Probleme bei Speicherung von serialize() Strings Manni2k PHP Tipps 2006 13 15.10.2006 15:06
Probleme bei der Installation von Turck MMCache tomx992 PHP-Fortgeschrittene 2 27.09.2005 20:31
[Erledigt] hilfe! probleme mit... PHP Tipps 2005 4 12.04.2005 22:55
[Erledigt] CSV Größe macht Probleme mit php PHP Tipps 2005 5 15.03.2005 21:29
Zwei Rechner ins Netz - Router - Hub - Probleme... imported_Ben Off-Topic Diskussionen 37 13.01.2005 21:36
[Erledigt] Technische Probleme mit Sessions PHP-Fortgeschrittene 4 18.11.2004 14:45
[Erledigt] Probleme mit Fremdsprachen HTML, Usability und Barrierefreiheit 2 21.09.2004 17:11
PHP Bilder in DB / Probleme bei Änderung PHP-Fortgeschrittene 1 05.06.2004 11:20

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
viewport mit php, get viewport with php, viewport php code, viewport width per php, viewport in php speichern

Alle Zeitangaben in WEZ +2. Es ist jetzt 07:35 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum