 Willkommen auf dem Portal für Mediengestalter
|
|
|
| Autor |
Nachricht |
Ragnaroek
Account gelöscht Threadersteller
Ort: -
|
Verfasst Mi 06.12.2006 15:12
Titel Probleme mit Div-Positionierung... |
  |
|
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... )
lieben Dank für die Hilfe...
Ragna
Zuletzt bearbeitet von am Mi 06.12.2006 15:18, insgesamt 1-mal bearbeitet
|
|
| |
|
 |
starseed
Dabei seit: 07.12.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 07.12.2006 16:57
Titel
|
|
|
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;
}
|
|
| |
  |
|
|
Anzeige
|
|
|
Ragnaroek
Account gelöscht Threadersteller
Ort: -
|
Verfasst Do 07.12.2006 17:03
Titel
|
|
|
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 |
[CSS] Probleme mit DIV-Positionierung
[DIV] Probleme mit Positionierung (überlappen)
Probleme mit Layout Positionierung
CSS Probleme mit der positionierung in IE 6 und kleiner.
DIV Positionierung
Div Positionierung
|
|
|
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.
|
|
