mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 10.12.2016 19:43 Benutzername: Passwort: Auto-Login

Thema: Website mit divs und css vom 19.10.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Website mit divs und css
Seite: 1, 2  Weiter
Autor Nachricht
Account gelöscht
Threadersteller


Ort: -
Alter: -
Verfasst Do 19.10.2006 10:08
Titel

Website mit divs und css

Antworten mit Zitat Zum Seitenanfang

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: 34
Geschlecht: Männlich
Verfasst Do 19.10.2006 10:40
Titel

Re: Website mit divs und css

Antworten mit Zitat Zum Seitenanfang

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.)
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Account gelöscht
Threadersteller


Ort: -
Alter: -
Verfasst Do 19.10.2006 11:05
Titel

Re: Website mit divs und css

Antworten mit Zitat Zum Seitenanfang

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: 37
Geschlecht: Männlich
Verfasst Do 19.10.2006 11:13
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Opus

Dabei seit: 21.08.2006
Ort: 784xx und 104xx
Alter: -
Geschlecht: Männlich
Verfasst Do 19.10.2006 11:15
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
Account gelöscht
Threadersteller


Ort: -
Alter: -
Verfasst Do 19.10.2006 11:58
Titel

Antworten mit Zitat Zum Seitenanfang

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: Berlin
Alter: 30
Geschlecht: Männlich
Verfasst Do 19.10.2006 12:48
Titel

Re: Website mit divs und css

Antworten mit Zitat Zum Seitenanfang

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?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Opus

Dabei seit: 21.08.2006
Ort: 784xx und 104xx
Alter: -
Geschlecht: Männlich
Verfasst Do 19.10.2006 13:09
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.