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

 
HTMLWorld   DownloadsWorld   IT-News World   IT-Jobs World   HSDPA World  
TravelingWorld   WeatherWorld
 

Anzeige 
 
               Forum
 
 
HTMLWorld » Forum

Wie Positioniere ich das ? - CSS Forum

 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: Mouseover -über mehrere Wörter fahren und das Bild verändern
Nächstes Thema: Programmierer in Festanstellung oder Freiberuflich gesucht  
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: 35
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
_________________
Meine Homepage: 1A-Homepage-Tools (leider noch nicht ganz fertig).
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;
         }

_________________
MFG, Heinzer: Als Mensch zu dumm, als Schwein zu kleine Ohren.
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.