:: ClanSphere :: Free OpenSource Clan CMS :: - Forum

Latest 5 Templates

Demo

Probiere ClanSphere aus und teste daran herum. Demo

Spenden

ClanSphere ist freie OpenSource Software.
Bitte unterstützt uns. Spenden

Antworten: 6

Seite [1]

maikoldi

Going for pro

Herkunft: Ottersberg
Beiträge: 545

# Thema - 12.10.2008 um 20:08 Uhr

Nabend...
bin grade mal wieder nen bisschen am "rumexperimentieren"... bzw. will was simples zu gestalten
Im Ie wird alles richtig angezeigt! nur im ff nicht :o

hier die beiden dateien... wäre gut/nett wenn ihr da mal rüberschauen könntet
test html datei

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Moep</title>
<link href="1.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="global">

<div id="head">
<div id="work"></div>
</div>

<div id="navi">
<h2>NAVITEST NAVITEST NAVITEST</h2>
</div>

<div id="cont">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>

<div id="foot"></div>

</div>
</body>
</html>

und
die cssdatei dazu...

body { margin:0px; padding:0px; height:100%; background-image:url(spacer.gif);}
input, form, textarea
h1, h2, h3, h4, h5, h6{margin:0; padding:0;font-family:Arial}
h1{font-size:18px; color:#ffffff;font-family:Arial}
h2{font-size:14px;font-family:Arial}
h3{font-size:12px; border-bottom:solid 1px #DEDEDE; padding:4px 0; margin-bottom:10px; color:#ffffff;font-family:Arial}

a:link, a:visited{color:#000000;}
a:hover{text-decoration:none;}

#global{
margin:0px auto;
width:786px;
}
#head{
width:786px;
height:200px;
background-image:url(KIS.jpg);
float:left
}
#work{
width:246px;
height:102px;
background-color:#843638;
margin-left:460px;
margin-top:52px;
margin-right:80px;
margin-bottom:46px;
}
#navi{
width:786px;
height:20px;
background-color:#FFFFFF;
}
#cont{
width:786px;
height:100%;
background-color:#000000;
}
#foot{
width:786px;
height:40px;
background-color:#FFFFFF;
border-bottom-style:solid;
border-bottom-color:#000000;
border-bottom-width:3px;
}

und als anhang ne .zip mit den daten zum live anschauen^^

bin für jede hilfe sehr dankbar :=

greetz

------------------
Visit:http://www.roundowner.de
Puplicons

Zuletzt editiert von maikoldi am 12.10.2008 um 21:57 Uhr (1x Editiert)

Inaktiv

Nachtmeister

Specialist

Herkunft: Bern
Beiträge: 2091

# Antwort: 1 - 12.10.2008 um 20:51 Uhr

Bischen mehr Details. Was ist denn nicht gut? Habs zwar offen und seh den Unterschied, aber was störrt dich denn?

------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Inaktiv

maikoldi
Thread-Ersteller

Going for pro

Herkunft: Ottersberg
Beiträge: 545

# Antwort: 2 - 12.10.2008 um 21:11 Uhr

Also

ich möchte das es so aussieht...
http://bildupload.sro.at/p/275685.html
das ist halt im ie... und so sieht es auch im dreamweaver aus!

http://bildupload.sro.at/p/275687.html
so siehts im ff aus... solls aber eigendlich nicht

ich möchte halt das es überall so aussieht wie im ie

normalerweise hab ich nur das umgekehrte problem...also das es im ie anders aussieht als im ff aber warum das problem da ist ist mir ein rätsel... kann zwar nicht besonders gut css, aber der code sieht meiner meinung nach doch ganz gut aus oder^^?

------------------
Visit:http://www.roundowner.de
Puplicons

Inaktiv

Chelrid

Geekboy

Beiträge: 1114

# Antwort: 3 - 12.10.2008 um 21:23 Uhr

Ich will mich hier auch mal einreihen, und wegen dem vermute ich mal kleinen fehler nicht extra nen neuen Thread aufmachen.

ich hab auf meiner Teststeite gebastelt.

Und zwar hab ich versucht, die Navboxen unter dem Header so zu verändern, dass man in der Box erkennt, was da angezeigt wird.

Dazu musste ich für jede Navbox eine extra div id vergeben, da ja sonst die bilder bei allen boxen gleich sein würden.

Also hab ich die einfach die original navbox class genommen und 3x kopiert und jeweils das Hintergrund kopiert und dann entsprechend geändert.

Im Firefox sieht nach der Änderung alles ok aus, nur Im Internet Explorer nicht. Vor der Änderung war im IE jedoch alles in Ordnung.

Hier mal 2 Screens:

Hier mal der Teil der index.html meines Designs:

Index,html

1.
2.
3.
4.
5.

1. / 2. / ...

<div id="navboxes">
    <div class="navbox1">{news:navlist}</div>
    <div class="navbox2">{board:navlist}</div>
    <div class="navbox3">{files:navlist}</div>
</div>

Und hier mal die CSS (auszugsweise):
CSS

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.

1. / 2. / ...

#navboxes {
    float:left;
    width:801px;
    height:137px;
}
#navboxes a {
    color:#000000;
}
        .navbox { /* Original Navbox CSS */
            background-image:url(Bilder/Multigaming-v2_03.jpg);
            float:left;
            width:257px;
            height:137px;
            color:#000000;
            line-height:17px;
            text-align:left;
            padding-left:10px;
            }

        .navbox1 {
            background-image:url(Bilder/Multigaming-v2_03a.jpg);
            float:left;
            width:257px;
            height:137px;
            color:#000000;
            line-height:17px;
            text-align:left;
            padding-left:10px;
            }

        .navbox2 {
            background-image:url(Bilder/Multigaming-v2_03b.jpg);
            float:left;
            width:257px;
            height:137px;
            color:#000000;
            line-height:17px;
            text-align:left;
            padding-left:10px;
            }

        .navbox3 {
            background-image:url(Bilder/Multigaming-v2_03c.jpg);
            float:left;
            width:257px;
            height:137px;
            color:#000000;
            line-height:17px;
            text-align:left;
            padding-left:10px;
        }
        * html .navbox {
            background-image:url(Bilder/Multigaming-v2_03.jpg);
            float:left;
            width:267px;
            height:137px;
            color:#000000;
            line-height:17px;
            text-align:left;
            padding-left:10px;
        }

Ich hoffe, ihr könnt mir ne tip geben.

------------------
Grüße vom Chelrid
Und denkt dran: Immer locker durch die Hose atmen....

Inaktiv

maikoldi
Thread-Ersteller

Going for pro

Herkunft: Ottersberg
Beiträge: 545

# Antwort: 4 - 12.10.2008 um 21:57 Uhr

ok mein problem wurde gelöst

aber trotzdem vielen dank fürs intresse

damit übergebe ich den thread an CRY