| Autor |
Nachricht |
nibbel
Gesperrt
Threadersteller
Dabei seit: 09.10.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 19.10.2006 10:08
Titel Website mit divs und css |
  |
|
hi ich versuch grad eine Website mit divs zu erstellen aber das ganze will nicht so wie ich ^^
entweder gehts im IE oder im Firefox, aber ich will das es auf beiden (und möglichst allen anderen) Browsren funktioniert
so hab ich mir das vorgestellt
naja zur zeit sieht es so im firefox aus
http://img89.imageshack.us/my.php?image=screenfoxxc0.png
und so im ie
http://img138.imageshack.us/my.php?image=screenieub7.png
das hier sind meine divs
| Code: |
<div id="main">
<div id="header">
<center><img src="pics/banner2_1.png" width="800" height="116" border="0" alt="banner"></center>
</div>
<div id="inner">
<div id="menu">
<a class="menu" href="inhalt.htm" target="content">News</a>
<a class="menu" href="" target="content">Introduction</a>
<a class="menu" href="" target="content">Server Info</a>
<a class="menu" href="" target="content">Download + Install</a>
<a class="menu" href="" target="content">Register</a>
<a class="menu" href="" target="content">Forum</a>
<a class="menu" href="" target="content">Control Panel</a>
<a class="menu" href="" target="content">IRC-Information</a>
<a class="menu" href="" target="content">Donate</a>
</div>
<div id="content">
<iframe src="news.htm" width="100%" height="100%" name="content" border="0">
</iframe>
</div>
</div>
<div id="footer">
Server-status: BLAH!
</div>
</div>
|
und das hier in der css
| Code: |
#main /* main element */
{
display:block;
position:relative;
left:2%;
top:2%;
width:96%;
border:1px;
border-style:solid;
border-color:#001060;
}
#header /* header element */
{
display:block;
position:relative;
left:0%;
top:0%;
width:100%;
padding-top:0pt;
padding-left:0pt;
padding-right:0pt;
padding-bottom:0pt;
border-bottom:1px;
border-bottom-style:solid;
border-bottom-color:#001060;
}
#inner /* inner element */
{
display:block;
position:relative;
left:0%;
top:0%;
width:100%;
height:100%;
}
#menu /* menu elment (links are in a.menu) */
{
float:left;
position:relative;
left:0%;
top:0%;
display:block;
height:100%;
width:175px;
border-right:1px;
border-right-style:solid;
border-right-color:#001060;
}
#content /* content element */
{
display:block;
position:relative;
left:0%;
top:0%;
float:left;
height:90%;
width:100%-175px;
}
#footer /* footer element */
{
height:10pt;
position:relative;
left:0%;
top:0%;
border-top:1px;
border-top-style:solid;
border-top-color:#001060;
}
|
also wenn wer meinen Fehler erkennt bzw einen Vorschlag hat wie ich das lösen könnte...
thx
mfg nibbel
|
|
| |
  |
 |
KCie
Dabei seit: 29.10.2003
Ort: München / Schwabing
Alter: 26
Geschlecht: 
|
Verfasst Do 19.10.2006 10:40
Titel Re: Website mit divs und css |
|
|
| nibbel hat geschrieben: | | entweder gehts im IE oder im Firefox, aber ich will das es auf beiden |
IE 7 ist ab heute verfügbar. Teste es mal auf dem… (den haben in 2 Monaten eh 90% der IE-Nutzer.)
|
|
| |
 |
|
nibbel
Gesperrt
Threadersteller
Dabei seit: 09.10.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 19.10.2006 11:05
Titel Re: Website mit divs und css |
|
|
| KCie hat geschrieben: | | nibbel hat geschrieben: | | entweder gehts im IE oder im Firefox, aber ich will das es auf beiden |
IE 7 ist ab heute verfügbar. Teste es mal auf dem… (den haben in 2 Monaten eh 90% der IE-Nutzer.) |
mmhh ich glaub ich hab mich etwas falsch ausgedrückt, wenn ich so meinen post nochmal durchlese ^^
ich habe es im grunde schon so hinbekommen, das es im IE so aussieht wie ich es wollte, doch dann hat der Firefox alles falsch angezeigt umgekehrt habe ich es im Firrefox noch nicht wirklich100%tig so hinbekommen wie ich es wollte
ich suche nach einer Lösung das die Seite in mindstens diesen beiden Browsern so angezeigt wird, wie ich es will... am besten aber in allen Browsern
|
|
| |
|
|
Martys
Dabei seit: 07.04.2005
Ort: Bochum
Alter: 29
Geschlecht:
|
Verfasst Do 19.10.2006 11:13
Titel
|
|
|
Eventuell mal hier reinschauen und dann deinen Code säubern.
Wenn es so gut wie gleich aussehen soll einfach Hacks oder Conditional Comments benutzen, anders wird es nicht funktionieren.
@KCie
Und was ist mit denen, die nicht updaten. Ich denke davon gibt es einige, allein schon die Leute, die selbst das Update auf den 6er nicht gemacht haben bzw. davon nix wussten (schau dich mal in einigen Büros um, da wird dir schwindelig).
Wenn es eine private Seite ist, liegt es an dir, was hoch dein Anspruch ist?
Eine kommerzielle sollte bzw. muss auf allen aktuellen und gängigen Browsern (nicht nur IE7 und Firefox, auch IE 6, 5.5, NS 7 event. 6, usw.) primär funktionieren und sekundär auch annähernd gleich erscheinen.
|
|
| |
|
|
Opus
Dabei seit: 21.08.2006
Ort: 784xx und 104xx
Alter: -
Geschlecht:
|
Verfasst Do 19.10.2006 11:15
Titel
|
|
|
Das CSS schaut recht durcheinander aus. Was soll das mit den 100%-175px bedeuten? oder height 100% in einem Div ? Oder position.relative 0% 0% und dann noch floaten? So quasi zur Sicherheit falls float alleine nicht hilft und die Anweisungen für das übergeordnete Element?
Ich vermute eher, du hast div mit Tabellen verwechselt und wendest die alte Html-Methode für "Seitengestaltung mittels Tabellen" nun bei div-boxen und CSS an.
|
|
| |
|
|
nibbel
Gesperrt
Threadersteller
Dabei seit: 09.10.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 19.10.2006 11:58
Titel
|
|
|
| Opus hat geschrieben: | Das CSS schaut recht durcheinander aus. Was soll das mit den 100%-175px bedeuten? oder height 100% in einem Div ? Oder position.relative 0% 0% und dann noch floaten? So quasi zur Sicherheit falls float alleine nicht hilft und die Anweisungen für das übergeordnete Element?
Ich vermute eher, du hast div mit Tabellen verwechselt und wendest die alte Html-Methode für "Seitengestaltung mittels Tabellen" nun bei div-boxen und CSS an. |
ich hab ein bisschen rum experimentiert, da das ganze für mich noch recht neu ist, aber selbst wenn ich diese sachen rausnehme, wird es nicht richtig dargestellt..
das ist der Grund warum ich hier poste
wenn du meinst das das anders besser geht währ ich recht dankbar wenn du ein beispiel posten könntest
@Martys
danke für den Link, werd mir das mal ansehen
|
|
| |
|
|
aight
Dabei seit: 26.09.2003
Ort: Ahrtal
Alter: 22
Geschlecht:
|
Verfasst Do 19.10.2006 12:48
Titel Re: Website mit divs und css |
|
|
| KCie hat geschrieben: | | nibbel hat geschrieben: | | entweder gehts im IE oder im Firefox, aber ich will das es auf beiden |
IE 7 ist ab heute verfügbar. Teste es mal auf dem… (den haben in 2 Monaten eh 90% der IE-Nutzer.) |
klasse einstellung, alle anderen haben pech gehabt oder wie?
|
|
| |
|
|
Opus
Dabei seit: 21.08.2006
Ort: 784xx und 104xx
Alter: -
Geschlecht:
|
Verfasst Do 19.10.2006 13:09
Titel
|
|
|
| nibbel hat geschrieben: |
wenn du meinst das das anders besser geht währ ich recht dankbar wenn du ein beispiel posten könntest
|
Hab jetzt nicht die Zeit, aber hier kannst du dir Beispiele abgucken: http://de.selfhtml.org/css/layouts/index.htm
Div reagieren ganz anders als Tabellen, und seit CSS sind manche tabellentypische Eigenheiten vorbei (höhe 100%).
Die main würde ich nicht als Div gestalten, sondern das html-Tag und body-Tag mit CSS formatieren. Die Border kannst du auch an die anderen Boxen kleben.
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Website-Layout mit css/divs umsetzen, Vorgehensweise?
[CSS] - divs sollen überlappen - machen se aber nicht
[CSS] Positionierung eines DIVs
[CSS] Seitenaufbau mit DIVs
[CSS] 4 DIVS nebeneinander
CSS Problem mit Divs
|
|
Willkommen auf dem Portal für Mediengestalter
