mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 06.12.2016 19:26 Benutzername: Passwort: Auto-Login

Thema: Probleme mit Div-Positionierung... vom 06.12.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Probleme mit Div-Positionierung...
Autor Nachricht
Ragnaroek
Account gelöscht Threadersteller


Ort: -

Verfasst Mi 06.12.2006 14:12
Titel

Probleme mit Div-Positionierung...

Antworten mit Zitat Zum Seitenanfang

Tagchen...

Arbeite gerade an dem Redesign meiner Seite (dürften manche hier schon gesehen haben...)

index.php

Dazu gibt es folgendes Problem:
In der Mitte ist jetzt der Inhalt (#content_inhalt) in dem die Abfragen aus der Datenbank ausgegeben werden (hab ihn mal zum bessereren erkennen eingerahmt). Nur ist dieser im IE an einem völlig anderem Platz als beim FF ( dastimmt es) und ich bekomme das Ding zum verrecken nicht anders positioniert...

hire noch mal die aktuellen Codes:

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>1. offizieller Dieter Nuhr-Fanclub</title>
<link href="style.css" rel="stylesheet" type="text/css"/>
</head>

<body>
<div id="wrapper">
   
   <h1><span>1. offiziller Dieter Nuhr-Fanclub - Hier erfahrt ihr alles neue über Dieter</span></h1>
   
      <div id="nav_links">
            
         <ul>
         
            <li><a href="dieter-nuhr-fanclub-index.htm" title="Dieter Nuhr Fanclub - Über Dieter - aktuelles über Dieter Nuhr">Über Dieter</a>
            <ul>
               
               <li><a href="dieter-nuhr-fanclub-index.htm" title="Dieter Nuhr Fanclub - Neues - aktuelles über Dieter Nuhr">Neues</a>
                        
               <li><a href="dieter-nuhr-fanclub-termine.htm" title="Dieter Nuhr Fanclub - Termine - Dieter Nuhr unterwegs">Termine</a></li>               
               <li><a href="dieter-nuhr-fanclub-sprachrohr.htm" title="Dieter Nuhr Fanclub - Sprachrohr - Das unendliche Interview">Sprachrohr</a></li>
               <li><a href="dieter-nuhr-fanclub-zur_person.htm" title="Dieter Nuhr Fanclub - Zur Person - die andere Dieter Nuhr Biographie">Zur Person</a></li>
               <li><a href="dieter-nuhr-fanclub-galerie.htm" title="Dieter Nuhr Fanclub - Termine - ein paar Bilder von Dieter Nuhr">Galerie</a></li>
               <li><a href="dieter-nuhr-fanclub-sprueche.htm" title="Dieter Nuhr Fanclub - Sprüche - die besten Sprüche von Dieter Nuhr">Sprüche</a></li>
               
            </ul>
            
            </li>
               
            <li><a href="dieter-nuhr-fanclub-hoerprobe.htm" title="Dieter Nuhr Fanclub - Hörprobe - eine paar Audiofiles von Dieter Nuhr">Hörprobe</a></li>
            
            <li><a href="dieter-nuhr-fanclub-sonstiges.htm" title="Dieter Nuhr Fanclub - Sonstiges - ein wenig gesammeltes von Dieter Nuhr">Sonstiges</a></li>

            <li><a href="dieter-nuhr-fanclub-ueber_mich.htm" title="Dieter Nuhr Fanclub - Über mich- Dieter Nuhr">Termine</a></li>
            
            <li><a href="dieter-nuhr-fanclub-forum.htm" title="Dieter Nuhr Fanclub - Forum - Das Dieter Nuhr - Forum">Forum</a></li>
            
            </ul>
            
      </div>
         
      <div id="bild_rechts">
            
         <div id="index_rechts"></div>
            
      </div>
      
      <div id="content_inhalt">
         
         
            
      </div>


</div>
</body>
</html>


und hier das aktuelle CSS

Code:
body,html
    {
    margin: 0;
    padding: 0;
    background: #ffffff;
   font: normal 90% Arial, Verdana, Helvetica, sans-serif;
   }

p,h1,h2,h3,ul,li,dl,dt,dd
    {
    margin: 0;
    padding: 0;
    border: 0;
   color: #000000;
    }
a
   {
   border: none;
   text-decoration: none;
   color: #000000;
   }
   
a:hover
   {
   border: none;
   text-decoration: none;
   color: #FF9900;
   }
   
h1
    {
    font-size: 13px;
   background: url(images/dieter-nuhr-fanclub-header.jpg);
   width: 842px;
   height: 101px;
    }
   
h1 span
   {
      visibility: hidden;
   }

h2
    {
    margin: 28px 0 16px 0;
    font-size: 11px;
    }


#wrapper
    {
    width: 953px;
   min-height: 643px;
   margin: 0 auto;
    padding: 0;
   background: url(images/dieter-nuhr-fanclub-hintergrund.jpg) no-repeat top;
    }
   
* html #wrapper
   {
   height: 600px;
   }
   

#content_main
    {
    width: 953px;
   color: #222;
   margin-top: -6px;
    }

#nav_links
   {
    position: relative;
    width: 136px;
   float: left;
   padding-left: 40px;
   padding-top: 55px;
   }

*html #nav_links
   {
    position: relative;
    width: 136px;
   float: left;
   margin: 0 0 0 2px;
   }

#nav_links ul{   
   list-style-type: none;
   
   }

#nav_links li
   {
   
   }
   
#nav_links li a
   {
   padding: 4px 0 4px 15px;
   display:block;
   }
   
* html #nav_links li a
   {
   margin: 0 0 0 1px;
   }

   
#nav_links li ul li a
{
   font: normal 80% Arial, Verdana, Helvetica, sans-serif;
   color:#ff6600;
   margin:0;
   
   padding-left: 30px;
   line-height: 0.7;
}

#nav_links li ul li a:hover
{
   color: #666666;
}
#bild_rechts
   {
    margin-top: 0px;
   padding-right: 0px;
   float: right;
   }

#index_rechts
   {
   background: url(images/dieter-nuhr-fanclub-index-rechts2.jpg) no-repeat top;
   width: 272px;
   height:548px;
   }
   
.clear{
   clear:both;
   }
   
#content{
   width: 550px;
   height: 500px;
   padding: 0px 0px 0px 0px;
   margin-left: 130px;

   }

   
#content_inhalt
   {
   width: 540px;
   height: 420px;
   margin-top: 60px;
   margin-left: -40px;
   padding: 0px 0px 0px 0px;
   border: #000000 2px dotted;
   overflow-y: scroll;   
   }

li.circle
   {
   margin: 0 0 0 40px;
   list-style: circle;
   }
   
#newsletter
{
   border-top: #FF6600 2px dotted;
}


wäre lieb wenn man ein geschultes Auge drüber schaut und vielleicht erkennt was da falsch läuft ( bei meinem Glück sicherlich mal wieder nur eine Kleinigkeit...*zwinker* )

lieben Dank für die Hilfe...

Ragna


Zuletzt bearbeitet von am Mi 06.12.2006 14:18, insgesamt 1-mal bearbeitet
 
starseed

Dabei seit: 07.12.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 07.12.2006 15:57
Titel

Antworten mit Zitat Zum Seitenanfang

probier's mal so (in der css):

#content_inhalt {
position:absolute;
width: 540px;
height: 420px;
margin-top: 60px;
margin-left: 140px;
padding: 0px 0px 0px 0px;
border: #000000 2px dotted;
overflow-y: scroll;
}

* html #content_inhalt {
margin-left:-40px;
}
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Ragnaroek
Account gelöscht Threadersteller


Ort: -

Verfasst Do 07.12.2006 16:03
Titel

Antworten mit Zitat Zum Seitenanfang

Hai

hab gerade ein wenig rumgebastelt und dabei ist das rausgekommen:

Code:

<body>
<div id="wrapper">
   
   <h1><span>1. offiziller Dieter Nuhr-Fanclub - Hier erfahrt ihr alles neue über Dieter</span></h1>
   
   <div id="content">
   
      <ul id="nav_links">
         
         MENÜ
      
      </ul>
      
      
      
      <div id="content_inhalt">
         
      </div>

   </div>

</div>
</body>


dann würde das so aussehen: 1. offizieller Dieter Nuhr-Fanclub

Nur gibt es immer noch Unterschiede in der Darstellung bei FF und IE...

hier noch die aktuellen CSS:

Code:

body,html
    {
    margin: 0;
    padding: 0;
    background: #ffffff;
   font: normal 90% Arial, Verdana, Helvetica, sans-serif;
   }

p,h1,h2,h3,ul,li,dl,dt,dd
    {
    margin: 0;
    padding: 0;
    border: 0;
   color: #000000;
    }

a
        {
   border: none;
   text-decoration: none;
   color: #000000;
        }
   
a:hover
   {
   border: none;
   text-decoration: none;
   color: #FF9900;
   }
   
h1
    {
    font-size: 13px;
   background: url(images/dieter-nuhr-fanclub-header.jpg);
   width: 842px;
   height: 101px;
    }
   
h1 span
   {
      visibility: hidden;
   }

h2
    {
    margin: 28px 0 16px 0;
    font-size: 11px;
    }

ul
{
   list-style-type: none;
}

#wrapper
    {
    width: 953px;
   min-height: 643px;
   margin: 0 auto;
    padding: 0;
   background: url(images/dieter-nuhr-fanclub-hintergrund.jpg) no-repeat top;
    }
   
* html #wrapper
   {
   height: 600px;
   }

#content_main
    {
    width: 953px;
   color: #222;
   margin-top: -6px;
    }

#nav_links
   {
    position: relative;
    width: 136px;
   float: left;
   padding-left: 40px;
   padding-top: 55px;
   }

*html #nav_links
   {
    position: relative;
    width: 136px;
   float: left;
   margin: 0 0 0 2px;
   }

#nav_links ul{   
   list-style-type: none;   
   }
   
#nav_links li a
   {
   padding: 4px 0 4px 15px;
   display:block;
   }
   
* html #nav_links li a
   {
   margin: 0 0 0 1px;
   }

   
#nav_links li ul li a
{
   font: normal 80% Arial, Verdana, Helvetica, sans-serif;
   color:#ff6600;
   margin:0;
   
   padding-left: 30px;
   line-height: 0.7;
}

#nav_links li ul li a:hover
{
   color: #666666;
}

   
.clear{
   clear:both;
   }
   
#content{
   width: 922px;
   height: 542px;
   padding: 0px 0px 0px -50px;
   margin-left: 30px;
   margin-top: -60px;
   background: url(images/dieter-nuhr-fanclub-index-rechts2.jpg) no-repeat right;

   }

   
#content_inhalt
   {
   width: 540px;
   height: 420px;
   margin-top: 60px;
   margin-left: -40px;
   padding: 0px 0px 0px 0px;
   border: #000000 2px dotted;
   overflow-y: scroll;   
   }

li.circle
   {
   margin: 0 0 0 40px;
   list-style: circle;
   }
   
#newsletter
{
   border-top: #FF6600 2px dotted;
}


im Grunde ist es schon fast so wie ich es haben möchte...nur das die SAchen in IE und FF halt unterschidlich dargestellt werden (das Bild rechts)

Hat da zufällig jemand eine Idee?

besten dank

Ragna
 
 
Ähnliche Themen [DIV] Probleme mit Positionierung (überlappen)
[CSS] Probleme mit DIV-Positionierung
Div Positionierung
DIV Positionierung
css - div positionierung
Div Positionierung Problem...
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.