| | | | |
| |||||||
| HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability. |
|
| | LinkBack | Themen-Optionen | Thema bewerten |
| | |
| Gast
Beiträge: n/a
| Hallo ich habe schon einiges ausprobiert und habe es leider nicht geschafft das design meiner homepage anzupassen. da ich firefox verwende, habe ich meine css auch so ausgelegt. als ich dann meine seite mit dem ie angeschaut habe, hab ichs kotzen gekriegt --> alles verschoben. könnt ihr mit noch sagen was ich ändern muss, damit das die page in beiden browsern gleich aussieht? Was auch komisch ist, ist der scrollbalken. ich habe versucht das fenster so einzurichten dass man es mit 1024 auflösung noch sehen kann ohne scrollen. keine ahnung woran das liegt meine seite mit dem html könnt ihr unter www.samonis.de.vu anschaun. meine css datei häng ich hier mal dran. Hoffe ich habe nicht zu chaotisch geproggt. wollte auf meiner seite design und inhalt ganz trennen. wenn ihr einen verbesserungsvorschlag habt, weil euch die seite z.b überhaupt nicht gefält, wär ich auch froh. vielen vielen Dank Samson_neu Code: /* Standard-CSS für www.meinProjekt.at */ /* Wichtige Farben: Dunkelgrau = #2A2A2A Hintergrund großer Rahmen= #FFFBF4 */ /*Abstände aller Elemente werden auf Null gesetzt + weitere Formatierungen*/ p, h1, h2, h3, ul, ol, span, table, td, form, li { margin: 0; padding: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } /*----------------Links-------------------*/ a:link { font-family: Verdana; font-size: 12px; color: #2A2A2A; font-weight: bold; text-decoration: none; } a:visited { font-family: Verdana; font-size: 12px; font-weight: bold; color: #333; text-decoration: none; } a:hover { font-family: Verdana; font-size: 12px; font-weight: bold; color: #f60; text-decoration: none; } a:active { font-family: Verdana; font-size: 12px; font-weight: bold; color: #f60; text-decoration: none; } /*----------------allgemeine Tags-------------------*/ body { margin: 0px; padding: 6%; text-align: center; } /*----------------HintergrundRahmen-------------------*/ .hintergrund { text-align: left; position: relative; margin: auto; width: 800px; height: 220px; } .hintergrundrahmen { text-align: left; border: solid; border-width: 1px; color: #757575; padding-left: 5px; padding-top: 5px; position: relative; margin: auto; width: 660px; height: 500px; background: #FFFBF4; background-repeat: no-repeat; z-index: 2; } .rahmenlinksinnen { text-align: left; position: absolute; top: 15px; left: 15px; width: 70px; height: 200px; border: solid; border-width: 1px; color: #757575; padding-left: 5px; padding-top: 5px; background: #BFDFFF; background-repeat: no-repeat; z-index: 3; } /*----------------Klassen-------------------*/ .linksoben { text-align: left; font-family: Verdana; font-size: 14px; color: #2A2A2A; font-weight: bold; position: absolute; top: 300px; left: 130px; width: 400px; z-index: 4; } .naviindex { text-align: left; font-family: Verdana; font-size: 12px; color: #2A2A2A; font-weight: bold; width: 60px; height: 200px; position: absolute; top: 30px; left: 18px; z-index: 5; } .balkenoben { background-color: #4F4F4F; position: absolute; top: 0px; height: 20px; width: 100%; } /*----------------Bilder-------------------*/ .mann { background-repeat: no-repeat; position: absolute; top: 80px; left: 200px; width: 400px; height: 200px; background-image: url(../images/mann.gif); z-index: 6; } .samonis { background-repeat: no-repeat; position: absolute; top: 30px; left: 160px; width: 400px; height: 200px; background-image: url(../images/samonis.gif); z-index: 7; } .ecke { background-repeat: no-repeat; position: absolute; top: 327px; left: 586px; width: 200px; height: 232px; background-image: url(../images/ecke.gif); z-index: 1; } /*---------------- alle Bilder------------------- img { border:1px solid #000000; } */ /*----------------Ende CSS Datei------------------ |
|
| | |
| PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten | |
| | |
| Gast
Beiträge: n/a
| @wurtzel... IE 200px != FF 200px? Das glaub ich nicht. Eher an unklarer Definition. position:relative und position:absolute reagieren beide sensibel auf z-index - da solltest Du ansetzen. Beispiel: Wenn Du nur ein Objekt mit z-index:2 hast und das relativ positionierst - ja, wozu ist es dann relativ? Klar, was ich meine? http://www.minzweb.de/de/pages/index/default.asp hilft Dir garantiert aus Der Misere. |
|
|
| Themen-Optionen | |
| Thema bewerten | |
|
|
Ähnliche Themen | ||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Design und Code Trennen | TeazY | PHP Tipps 2008 | 29 | 21.05.2008 12:08 |
| Firefox / IE - ungeahnte Statistik | pepe24 | Off-Topic Diskussionen | 10 | 30.04.2007 16:46 |
| Firefox will mein 3-spaltiges Layout mit Footer nicht (CSS)! | vampsoftchef | HTML, Usability und Barrierefreiheit | 1 | 28.02.2007 00:22 |
| templates oder css mit firefox | rbs_phoenix | HTML, Usability und Barrierefreiheit | 1 | 30.10.2006 15:24 |
| [Erledigt] HILFE HILFE HILFE mysqladmin.exe fehlt | Datenbanken | 7 | 20.12.2005 14:00 | |
| [Erledigt] window.location.href mit firefox | HTML, Usability und Barrierefreiheit | 15 | 18.11.2005 17:49 | |
| Firefox und PHP-Sessions | toKad | PHP Tipps 2005-2 | 9 | 21.10.2005 17:09 |
| design mittig halten | Niedi | HTML, Usability und Barrierefreiheit | 10 | 28.08.2005 15:50 |
| Hilfe Prob IE -Firefox | PHP Tipps 2005-2 | 3 | 23.08.2005 14:33 | |
| [Erledigt] shiftKey bei Firefox abfragen | HTML, Usability und Barrierefreiheit | 2 | 05.08.2005 15:08 | |
| Deer Park Alpha 1 (=Mozilla Firefox 1.1) | Off-Topic Diskussionen | 15 | 09.07.2005 02:32 | |
| [Erledigt] verfluchter Firefox | HTML, Usability und Barrierefreiheit | 5 | 08.07.2005 22:51 | |
| Design | Beitragsarchiv | 26 | 04.06.2005 20:56 | |
| Tabellenprobleme mit dem Design bei Firefox (IE geht) | scheibo | HTML, Usability und Barrierefreiheit | 3 | 07.01.2005 20:36 |

Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.