mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 28.03.2020 19:25 Benutzername: Passwort: Auto-Login

Thema: Inhalt eines DIV Containers positionieren vom 10.06.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Inhalt eines DIV Containers positionieren
Autor Nachricht
Micha02
Threadersteller

Dabei seit: 04.08.2004
Ort: Hilden
Alter: -
Geschlecht: Männlich
Verfasst Di 10.06.2008 21:03
Titel

Inhalt eines DIV Containers positionieren

Antworten mit Zitat Zum Seitenanfang

Hallo,

ich bastel gerade an einem tabellenlosen Layout meiner Homepage. Allerdings habe ich Schwierigkeiten die Navigation welche sich in einem DIV Container befindet zu positionieren. Im Firefox wird es so dargestellt wie ich es gern hätte, im IE 6 allerdings etwas versetzt. Hab schon einiges im Netz gefunden und ausprobiert allerdings kieg ich es nicht hin. Vielleicht hat hier jemand einen Rat? * Keine Ahnung... *

MfG

So soll´s aussehen:





So siehts im IE aus:






CSS

Code:

<style type="text/css" media="all">

    body {
   margin:0px;
   padding:0px;
   font-family:Georgia, "Times New Roman", Times, serif;
   color:#ffffff;
   background-color:#000000;
   }
   
   h1 {
   margin:0px 0px 15px 0px;
   padding:0px;
   font-size:14px;
   line-height:24px;
   font-weight:bold;
   color:#c5b985;
   }
   
   p {
   font:13px/24px Georgia, "Times New Roman", Times, serif;
   margin:0px 0px 16px 0px;
   padding:0px;
   }
   
   a {
   color:#ffffff;
   font-size:11px;
   text-decoration:none;
   font-weight:bold;
   font-family:Georgia, "Times New Roman", Times, serif;
   }
        a:link {color:#ffffff;}
        a:visited {color:#ffffff;}
        a:hover {color:#c5b985;}

    #header {
    position:absolute;
    top:40px;
    left:30px;
    width:725px;
    height:80px;
    padding:0px;
    background-image : url(./images/header.gif);
    }
   
    #menu {
    position:absolute;
    top:120px;
    left:30px;
    width:145px;
    height:200px;
    padding:23px 0 0 0;
    text-align: right;
    line-height:1.5em;
    background-color:#000000;
    }
   
   #content {
    position:absolute;
    top:120px;
    left:215px;
    width:540px;
    height:800px;
    padding:0px;
    background-color:#000000;
    }

</style>



HTML

Code:

<!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=iso-8859-1" />
<title>Mihafolio.de</title>
</head>

<body>

<div id="header">

</div>

<div id="menu">

<ul>
<a href="#">PROFIL</a>
<a href="#">PORTFOLIO</a>
<a href="#">LINKS</a>
<a href="#">KONTAKT</a>
<a href="#">IMPRESSUM</a>
</ul>

</div>

<div id="content">
<h1>WILLKOMMEN AUF MIHAFOLIO.DE</h1>
<p>Seit Januar 2004 bin ich Mediengestalter für Digital- und Printmedien in der Fachrichtung Mediendesign. Schwerpunkte meiner Arbeiten und Projekte liegen im Bereich Webdesign, Layout von Printmedien, Illustrationen und 3D Animation. Dieses Portfolio dient der Präsentation meiner gestalterischen Tätigkeit und bisher entstandener Arbeiten im Bereich Mediengestaltung.</p>
<img src="./images/line_portfolio.gif" alt="">
<h1>ARBEITEN UND PROJEKTE</h1>
<p>Ein Auszug von Arbeiten und Projekten aus verschiedenen Bereichen.</p>

</div>

</body>

</html>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Di 10.06.2008 21:17
Titel

Re: Inhalt eines DIV Containers positionieren

Antworten mit Zitat Zum Seitenanfang

Immer erstmal Browser-Defaults zurücksetzen:

Code:
* {
margin: 0;
padding: 0;
}


Und dann wirf am besten jegliches position raus und arbeite mit float & clear (spätestens wenn ein Footer dazukommt, wirst Du merken warum).
  View user's profile Private Nachricht senden
Anzeige
Anzeige
signliner

Dabei seit: 12.09.2005
Ort: BaWü
Alter: 33
Geschlecht: Männlich
Verfasst Di 10.06.2008 21:17
Titel

Antworten mit Zitat Zum Seitenanfang

So müsste es gehen:

CSS
Code:

ul {
margin: 0;
padding: 0;
list-style: none;
}



HTML
Code:
<ul>
...
<li><a href="#">PROFIL</a></li>
...
</ul>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Micha02
Threadersteller

Dabei seit: 04.08.2004
Ort: Hilden
Alter: -
Geschlecht: Männlich
Verfasst Di 10.06.2008 22:13
Titel

Re: Inhalt eines DIV Containers positionieren

Antworten mit Zitat Zum Seitenanfang

heiko_rs hat geschrieben:
Immer erstmal Browser-Defaults zurücksetzen:

Code:
* {
margin: 0;
padding: 0;
}


Und dann wirf am besten jegliches position raus und arbeite mit float & clear (spätestens wenn ein Footer dazukommt, wirst Du merken warum).



Vielen Dank, das hat mir schon weitergeholfen! *Thumbs up!*
Danke auch an signliner.

MfG
Micha
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen div container anhand eines anderen div positionieren
div realtiv positionieren zu andrem div
Div Positionieren
div nebeneinander positionieren
DIV Layer vertical über Javascript positionieren...
<div> Inhalt drucken
Neues Thema eröffnen   Neue Antwort erstellen
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.