HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - Wie Positioniere ich das ?

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Wie Positioniere ich das ?

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
Useless



Anmeldungsdatum: 24.02.2010
Beiträge: 1

BeitragVerfasst am: 24.02.2010 12:02:14    Titel: Wie Positioniere ich das ? Antworten mit Zitat

Hallo,

also ich bin recht neu was Css angeht. Und daher weiße ich net genau die "Fachbegriffe" & Co.

Ich habe ein Problem einen Inhalt exakt zu positionieren.
Am besten mal hier nen Bild.



Das im roten Rahmen (1.) Ist alles an der richtigen Stelle.
Doch hätte ich gerne auch dass, das im roten Rahmen (2.) in etwa unter dem roten Strich anfängt.

Hierzu mal der Code.

HTML (oder so ;p)
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css">
<title></title>
<meta name="author" content="Admin">
<meta name="editor" content="html-editor phase 5">
</head>
<body>

                 <div class="head">

                 </div>


                 <div class="inhalt">
                         <div class="navi"> <!-- Navigation Start -->
                                 <img src="pix/navitop1.png" alt="" border="0" width="130" height="30">

                                 <img src="pix/linkstart.png" alt="" border="0" width="130" height="36"><br />
                                 <img src="pix/link.png" alt="" border="0" width="130" height="40"><br />
                                 <img src="pix/link.png" alt="" border="0" width="130" height="40"><br />
                                 <img src="pix/link.png" alt="" border="0" width="130" height="40"><br />
                         </div> <!-- Navigation Ende -->

                         <div class="content"> <!-- Hauptinhalt Start -->
                                 Hallo
                         </div> <!-- Hauptinhalt Ende -->

                 </div>


</body>


Und hier das Css (auch oder so xD )
Code:

body {
         background-image: url("pix/bg.png");
         }


.head {
         background-image: url("pix/head_bg.png");
         background-repeat: no-repeat;
         position: absolute;
         top: 0;
         left: 0;
         height: 213px;
         width: 929px;
         padding: 0;
         }

.inhalt {
         background-image: url("pix/inhalt_bg.png");
         position: absolute;
         top: 213px;
         width: 917px;
         left: 6px;
         }

.navi {
         width: 130px;
         height: auto;
         margin-top: 20px;
         margin-left: 20px;
         padding: 0;
         }

.content {
         width: 520px;
         height: auto;
         margin-left: 186px;
         }


Also ich währe über so ziemlich jeden vorschlag glücklich,

Mfg
Useless
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Elroy
Häufiger Poster


Anmeldungsdatum: 26.02.2010
Beiträge: 77

BeitragVerfasst am: 26.02.2010 23:53:12    Titel: Antworten mit Zitat

Hallo.

Gib deiner .navi mal ein float:left dann müsste es gehen.
Dein content umfliesst deine navi dann auf der rechten Seite.

Gruss
Elroy
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
boluze



Anmeldungsdatum: 01.07.2010
Beiträge: 2

BeitragVerfasst am: 01.07.2010 11:15:40    Titel: Antworten mit Zitat

So geht's:

Code:
.navi {
         width: 130px;
         float:left;
         height: auto;
         margin-top: 20px;
         margin-left: 20px;
         padding: 0;
         }

.content {
         width: 520px;
         height: auto;
         float:right;
         margin-left: 186px;
         }
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.