✔ Darstellung im Firefox

[whiterussian]

Hallo zusammen!

Ich hab schon ewig rumprobiert, doch ich brings leider nicht hin ...
Jetzt klappt die Seite im IE, doch im FF schmeissts alles durcheinander.
Hier der Link:
http://www.grexxpub.at

Danke für eure Hilfe!

 

[Maik]

Hi,

verwende das Logo als Hintergrundbild für das DIV indexrechts und wende dieses Stylesheet auf das Dokument an:

#indexlinks, #indexrechts {
        position: relative;
        text-align: center;
        top: 110px;
}

#indexlinks{
        background: #fff;
        border: 10px solid #ccb98b;
        float: left;
        width: 288px;
        height: 303px;
        left: 20px;
}

#indexrechts{
        width: 268px;
        height: 313px;
        margin: 0 0 0 348px;
        border-top-width: 0px;
        border-right-width: 10px;
        border-bottom-width: 10px;
        border-left-width: 10px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-color: #ccb98b;
        background: #fff url(../pics/logo.jpg) no-repeat;
}

h1 {
        font-size: 0.9em;
        font-weight: bold;
        color: #b15933;
        margin: 0;
        padding: 10px 5px 0 5px;
}

#indexrechts h1 { padding-top: 160px; }

p {
        font-size: 0.8em;
        color: #000000;
        margin: 0;
        padding: 0 5px 0 5px;
}

 

[ojamaney]

@Maik:

Ich will ja nicht klugscheissen aber das hier:

border-top-width: 0px;
border-right-width: 10px;
border-bottom-width: 10px;
border-left-width: 10px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-color: #ccb98b;

kann man wirklich kürzer schreiben:

border:10px solid #ccb98b;
border-top:0px;

Ps.: Diese Schreibweise wird vom IE6, IE7, FF und Opera richtig interpretiert. Andere Browser hab ich nicht getestet.

 

[Maik]

@Maik:

Ich will ja nicht klugscheissen aber das hier:

border-top-width: 0px;
border-right-width: 10px;
border-bottom-width: 10px;
border-left-width: 10px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-color: #ccb98b;

kann man wirklich kürzer schreiben:

border:10px solid #ccb98b;
border-top:0px;

Da stimme ich dir zu, nur stammt dieser Regelblock überhaupt nicht aus meiner, sondern aus der Feder des Themenautors.

 

[whiterussian]

Hallo!

Danke für eure Antworten, Hat wunderbar geklappt.
Das mit der verkürzten Schreibweise stimmt natürlich auch, den langen Code hat der Editor reingeschrieben und wird natürlich auch geändert.

Thx
whiterussian