Aktuelle Zeit: So Mai 20, 2012 12:49 am


Neues Thema erstellenAntwort erstellen Seite 1 von 1   [ 3 Beiträge ]
Autor Nachricht
 Betreff des Beitrags: Content Layer (HTML / CSS)
BeitragVerfasst: So Apr 01, 2007 7:56 pm 
Neuer Benutzer

Registriert: Di Mai 14, 2002 1:00 pm
Beiträge: 7064
Wohnort: Amsterdam
Moin.

Nach ca. 6 oder 7 Jahren bau ich mir mal wieder eine Website. Das Design besteht primaer aus zwei Layern. In einem (mittig zentriert) liegt das Gif mit der Navigationsleiste, die ich dann verlinke.
Genau darunter anschließend ist ein Layer, in dem ein Gif liegt, in das der Content rein soll.

Nur: Wie mache ich das jetzt. Und zwar zeitgemaess, User freundlich und W3C konform. Habe grade keine Ahnung oder funktioniert die ganze Sache, wie ich mir das denke nicht?

Will halt kein Bild zentrieren, da die Aufloesungen ja sehr unterschiedlich sind...

Zur Erklaerung:

Bild
Code:
<body>
   <div id="nav" style="width:800px;
      height: 70px;
      margin: 0px auto;">
      <img src="img/nav_home.gif" alt="navigation" />
   </div>

   <div id="main" style="width:800px;
      height : 550px;
      border : 0px solid white;
      margin : 0px auto;
      text-align : left; padding : 0px;">
      <div><img src="img/main.gif" alt="background" /></div>
   </div>
   
   
   
</body>


Jemand ne Idee?

Dankeschoen!

_________________
"Our problems are manmade - therefore they can be solved by man.
And man can be as big as he wants."
[INDENT]- John F Kennedy (1917-1963) - 10.06.63 [/INDENT]

* Hi! I'm a signature virus! Copy me into your ~/.signature to help me spread! *


Nach oben
 Profil  
 
 Betreff des Beitrags: AW: Content Layer (HTML / CSS)
BeitragVerfasst: So Apr 01, 2007 8:59 pm 
Neuer Benutzer

Registriert: Mo Mär 05, 2001 2:00 am
Beiträge: 3439
http://www.css4you.de/

_________________
Elektroklänge überall
Dezibel in Ultraschall
Es wird immer weitergehn’
Musik als Träger von Ideen
Kraftwerk - Musique Non Stop
1986


Nach oben
 Profil  
 
 Betreff des Beitrags: AW: Content Layer (HTML / CSS)
BeitragVerfasst: Sa Apr 07, 2007 9:19 am 
Neuer Benutzer

Registriert: Sa Mär 10, 2001 2:00 am
Beiträge: 1368
So z.B..

HTML:

Code:
<body>
   <div id="centered">

   <div id="nav" style="width:800px;
      height: 70px;
      margin: 0px auto;">
      <img src="img/nav_home.gif" alt="navigation" />
   </div>

   <div id="main" style="width:800px;
      height : 550px;
      border : 0px solid white;
      margin : 0px auto;
      text-align : left; padding : 0px;">
      <div><img src="img/main.gif" alt="background" /></div>
   </div>
   
   </div>
</body>


CSS:

Code:
#centered {
   width:790px;
   margin-left:auto;
   margin-right:auto;
}


Nach oben
 Profil  
 
Beiträge der letzten Zeit anzeigen:  Sortiere nach  
Neues Thema erstellenAntwort erstellen Seite 1 von 1   [ 3 Beiträge ]


Wer ist online?

Mitglieder: Google [Bot]


Du darfst keine neuen Themen in diesem Forum erstellen.
Du darfst keine Antworten zu Themen in diesem Forum erstellen.
Du darfst deine Beiträge in diesem Forum nicht ändern.
Du darfst deine Beiträge in diesem Forum nicht löschen.
Du darfst keine Dateianhänge in diesem Forum erstellen.

Suche nach:
Gehe zu:  


Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
twilightBB Style by Daniel St. Jules of Gamexe.net

Deutsche Übersetzung durch phpBB.de
phpBB SEO