Autor |
Nachricht |
daria444
Threadersteller
Dabei seit: 27.12.2004
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 22.07.2009 16:29
Titel
|
|
|
Ich hätte da noch mal eine Frage... vielen Dank schon mal für eure Hilfe, es ist jetzt auch fast vollbracht Wenn ich den Footer in Firefox und Safari auf Mac ansehen sieht der gut aus, bei IE und PC umbricht die Adresszeile dort wo die Bilder liegen. Die Bilder sind allerdings so weit oben (von der Größe), dass das eigentlich nicht sein sollte.. Was kann man da machen?
Equinox
Code: | @charset "UTF-8";
/*=============================================================
1. Kalibrierung und allgemeine Styles
===============================================================
/* Kalibrierung der wichtigsten Abstände*/
* { padding: 0; margin: 0; }
/* Abstand nach unten */
h2, p, ul, ol { margin-bottom: 1em; }
/* Verschachtelte Listen ohne Abstand */
ul ul { margin-bottom: 0; }
/* Abstand von links */
li { margin-left: 1em; }
/* Allgemeien Selektoren */
body { /*Gestaltet das HTML-Element mit dem Namen body*/
color: white; /*Schriftfarbe*/
background-color: #FFE8D5;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
background-image: url(hg09.jpg);
background-repeat: no-repeat;
}
h1 { font-size: 130%; }
h2 { font-size: 110%; }
address {
text-align: left;
color: #484848;
font-size: 70%;
font-style: normal;
letter-spacing: 2px;
line-height: 1.5em;
}
/* Hyperlinks allgemein*/
a { text-decoration: none; outline: none; }
a:link { color: #484848;}
a:visited { color: #484848;}
a:hover,
a:focus {
border-bottom: 1px solid #fe7400;
}
a:active {
color: white;
background-color: #fe7400;
}
/* Allgemeine Klassen und IDs */
#logo {
background-color: white;
padding: 20px;
border: 5px solid #d9d9d9;
}
/* ==========================================================
2. Styles für Layoutbereiche
========================================================== */
#wrapper {
color: black;
background-color: white;
width: 755px;
height: 543px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto; /* Breite des Inhaltsbereichs */
}
#kopfbereich {
position: relative; /* positioniert, aber bleibt im Fluss */
color: white;
background: #ffffff repeat-y top left;
padding: 20px 0 10px 0;
}
#bildrechtsstart {
float:right;
width: 302px;
height: 396px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0px 0px 0px 0px;
}
#bildrechtsconcept {
float:right;
width: 301px;
height: 397px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0px 0px 0px 0px;
}
#bildrechtsseminaires {
float:right;
width: 238px;
height: 390px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0px 0px 0px 0px;
}
#bildrechtsdates {
float:right;
width: 470px;
height: 312px;
margin-top: 86px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0px 0px 0px 0px;
}
#bildrechtstemoignages {
float:right;
width: 287px;
height: 390px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0px 0px 0px 0px;
}
#bildrechtscontact {
float:right;
width: 264px;
height: 390px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0px 0px 0px 0px;
}
#navibereich {
background-color:#dedddd;
font-size: 80%;
padding: 5px 20px 5px 20px;
}
#navibereich ul {
margin-bottom: 0;
}
#navibereich li {
display: inline;
list-style-type: none;
margin: 0 40px 0 0;
}
#navibereich a:hover,
#navibereich a:focus,
#startseite #navi01 a,
#conceptseite #navi02 a,
#seminairesseite #navi03 a,
#datesseite #navi04 a,
#temoignagesseite #navi05 a,
#contactseite #navi06 a {
color: #484848;
background-color: #f2f2f2;
}
#navibereich a {
color: #484848;
background-color: #e1e1e1;
padding: 4px 4px 4px 4px;
}
#textbereich {
float:left;
color: #484848;
font-size: 80%;
width: 300px;
height: 340px;
margin-top: 40px;
margin-right: auto;
margin-bottom: 10px;
margin-left: 20px;
padding: 0px 0px 0px 0px;
text-align: justify;
}
#textbereichdates1 {
position: absolute;
color: #484848;
font-size: 80%;
width: 300px;
height: 200px;
margin-top: 40px;
margin-right: auto;
margin-bottom: 10px;
margin-left: 20px;
padding: 0px 0px 0px 0px;
text-align: justify;
}
#textbereichdates2 {
position: absolute;
color: #484848;
font-size: 80%;
width: 300px;
height: 200px;
margin-top: 94px;
margin-right: auto;
margin-bottom: 10px;
margin-left: 350px;
padding: 0px 0px 0px 0px;
text-align: justify;
}
#textbereich a:hover,
#textbereich a:focus {
border-bottom: 1px solid #fe7400;
}
#fussbereich {
background-color:#dedddd;
width: 755px;
height: 15px;
margin-top: 398px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 2px 0px 2px 0px;
}
|
|
|
|
|
|
nel
Dabei seit: 18.09.2004
Ort: Köln
Alter: -
Geschlecht:
|
Verfasst Do 23.07.2009 10:29
Titel
|
|
|
ich würde dir eine reset.css empfehlen
das ganze problem sehe ich eigentlich nur darin, das die browser dir unterschiedliche schriftformatierungen raus hauen
übrigens bricht im ie6/pc sogar deine naviagion um, nicht nur das im fuß
|
|
|
|
|
Anzeige
|
|
|
daria444
Threadersteller
Dabei seit: 27.12.2004
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 25.07.2009 13:44
Titel
|
|
|
Also das mit der reset Datei habe ich gemacht. War das richtig, den Text einer reset Datei kopieren und diese also reset.css abzuspeichern? Wenn ich die Browserkompatibilität prüfen bekomme ich folgende Fehlermeldung:
»Wenn die Breite eines Containers (einschließlich des Browserfensters) nicht ausreicht, um sowohl einen Float mit einer festen Breite als auch nachfolgende Inhalte mit einer festen Breite aufzunehmen, fließen diese Inhalte nicht um den Float, sondern darunter.«
Was kann ich denn da jetzt machen? Danke für die Antworten!
|
|
|
|
|
Fuzy
Dabei seit: 14.01.2003
Ort: PW
Alter: -
Geschlecht:
|
Verfasst So 26.07.2009 08:59
Titel
|
|
|
Sleeper hat geschrieben: | ich würde dir eine reset.css empfehlen
das ganze problem sehe ich eigentlich nur darin, das die browser dir unterschiedliche schriftformatierungen raus hauen
übrigens bricht im ie6/pc sogar deine naviagion um, nicht nur das im fuß |
...mal im Ernst, wen interessiert denn, ob eine Seite im IE6 läuft?
|
|
|
|
|
Synoxis
Dabei seit: 07.09.2005
Ort: Roßdorf
Alter: 35
Geschlecht:
|
Verfasst So 26.07.2009 10:30
Titel
|
|
|
Fuzy hat geschrieben: | ...mal im Ernst, wen interessiert denn, ob eine Seite im IE6 läuft? |
Ich kenne hier einige Leute, vorallem Firmen interessiert das noch.
|
|
|
|
|
Snifferdog
Dabei seit: 08.03.2007
Ort: Düsseldorf
Alter: 35
Geschlecht:
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
|
|
|
|
Gargoyle
Dabei seit: 19.05.2005
Ort: -
Alter: 39
Geschlecht:
|
Verfasst Mo 27.07.2009 01:19
Titel
|
|
|
Fuzy hat geschrieben: | Sleeper hat geschrieben: | ich würde dir eine reset.css empfehlen
das ganze problem sehe ich eigentlich nur darin, das die browser dir unterschiedliche schriftformatierungen raus hauen
übrigens bricht im ie6/pc sogar deine naviagion um, nicht nur das im fuß |
...mal im Ernst, wen interessiert denn, ob eine Seite im IE6 läuft? |
OT: schau dir doch mal die Statistiken deiner Domains an... haben gerade letzte Woche einen Auftrag fertiggestellt... dessen Auftraggeberein noch immer und ausschliesslich mit IE6 surft.
|
|
|
|
|
|
|
|
Ähnliche Themen |
[css] Positionieren von Text auf Grafiken *help*
Photoshop Text genau positionieren
Bild exakt Positionieren
Photoshop: Textschrift um Bild herum positionieren
wie kann man ein bild "rechts unten" positionieren?
bild aus text?
|
|