mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Sa 26.05.2012 09:29 Benutzername: Passwort: Auto-Login

Thema: CSS Probleme vom 02.04.2011

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS Probleme
Seite: 1, 2  Weiter
Autor Nachricht
ba-coach
Threadersteller

Dabei seit: 08.06.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 02.04.2011 11:01
Titel

CSS Probleme

 Antworten mit Zitat Zum Seitenanfang
Guten Abend,

momentan teste ich grad ein neues Layout, habe aber das Problem, dass sich
beim IE7 der Navigationsbereich sowie der Contentbereich gegenüber Firefox und Co. nach oben verschiebt.
Zu sehen ist das ganze unter ebh-minden.de/test/index2.tm

Welchen Fehler hab ich da begangen?
Gruß und Dank
ba-coach

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>Elsa-Brandstr&ouml;m-JugendHilfe Minden - www.ebh-minden.de</title>
<style type="text/css">
<!--
body {
   margin-left: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   background-image:  url("site_bg01.jpg");
   background-repeat:repeat-x;
   background-position: top center;
}
#container {
   margin: auto;
   width: 970px;
   height: 600px;
}
#logos {
   height: 113px;
   background-image:url(images/logo_bg.jpg);
}
#sitenavi {
   float: right;
   margin-top: 10px;
   display: inline;
   margin-right: 90px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#333333;
   letter-spacing: -1px;
}

#image {
   background-image:url(images/header_image.png);
   height: 310px;
   width: 371px;
   background-repeat: no-repeat;
   margin-left: 38px;
   margin-top: -27px;
}
#branding {
   float: right;
   margin-top: -280px;
   margin-right: 66px;
   background-image:url(images/branding_name.png);
   height: 55px;
   width: 511px;
   background-repeat:no-repeat;
}
#naviicon {
   margin-left: 2px;
   margin-top: 64px;
}
#breadcrumb {
   width: 564px;
   float: right;
   margin-top: -49px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   color:#666666;
   letter-spacing: -1px;
   }
#inhalt {
   width: 706px;
   margin-left: 220px;
   margin-top: -17px;

   }
#navigation {
   float: left;
      display: block;
   width: 168px;
   margin-top: -17px;
   margin-left: -4px;
   background-image:url(images/navi_bg.jpg);
   background-position:top;
   background-repeat:repeat-y;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
   color:#666666;
   line-height: 1.3em;
}
#content {
   float: right;

   margin-right: 40px;
   margin-top: -8px;
   width: 480px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
   color:#000;
   }

-->
</style></head>

<body>
<div id="container">
<div id="logos"><img src="images/logo_drk_ebh.png" />
<div id="sitenavi">Startseite | Seitenübersicht | Kontakt | Impressum</div>
</div>
<div id="header">
<div id="image"></div>

<div id="branding">
<div id="naviicon"><a href="#"><img src="images/img_hilfen.jpg" title="Hilfen" width="181" height="44" border="0" /></a>&nbsp;<a href="#"><img src="images/img_projekte.jpg" title="Projekte"width="186" height="44" border="0" /></a><br />
  <a href="#"><img src="images/img_ausbildung.jpg" title="Ausbildung" width="181" height="44" border="0" /></a>&nbsp;<a href="#"><img src="images/img_bildung.jpg" title="Bildungspool"width="186" height="44" border="0" /></a><br />
  <a href="#"><img src="images/img_ganztag.jpg" title="Offener Ganztag"width="181" height="44" border="0" /></a>&nbsp;<a href="#"><img src="images/img_sponsor.jpg" title="Sponsoren" width="186" height="44" border="0" /></a></div>
</div>
<div id="breadcrumb">Sie sind hier:</div>

</div>
<div id="inhalt">
<div id="navigation">
<img src="images/pic_start.jpg" />
  </p>
  <p>Aktuelles<br />

Über Uns <br />
    Service<br />
    Kontakt<br />
    <img src="images/pic_navi_foot.jpg" />
    </p>
</div>
<div id="content"><h3>Willkommen</h3>
  Herzlich Willkommen auf der Website der Elsa-Brandström-JugendHilfe
Minden. Wir arbeiten mit jungen Menschen und deren Familien,
die unsere Hilfen benötigen und annehmen.


<br />
<br />
Wir arbeiten lebensweltorientiert im gesellschaftlichen Kontext und
schaffen Raum und Möglichkeiten für junge Menschen, damit diese
ihre persönliche Individualität entwickeln können.

</div>
</div>
</div>

</body>
</html>


[Bitte CODE-Tags verwenden]

Zuletzt bearbeitet von Kash am Di 05.04.2011 11:56, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
pantonine

Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
Verfasst Sa 02.04.2011 11:43
Titel

Antworten mit Zitat Zum Seitenanfang
Mach Dich mal übers Box model schlau. Daran wirds wohl liegen.
  View user's profile Private Nachricht senden
willshedo

Dabei seit: 21.12.2005
Ort: Waldshut
Alter: 39
Geschlecht: -
Verfasst Mo 04.04.2011 16:18
Titel

Antworten mit Zitat Zum Seitenanfang
Hi,

der negative margin, könnt ich mir vorstellen - bei sowas sind die alten IE ja nicht zuverlässig....
  View user's profile Private Nachricht senden
gajel

Dabei seit: 19.09.2009
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 04.04.2011 18:45
Titel

Antworten mit Zitat Zum Seitenanfang
IE ist der letzte Dreck. Immer muss man irgend was für den Browser Fixen. Sollte verboten werden.
  View user's profile Private Nachricht senden
kiwi244

Dabei seit: 27.03.2011
Ort: Saarland
Alter: 42
Geschlecht: Weiblich
Verfasst Di 05.04.2011 10:18
Titel

Antworten mit Zitat Zum Seitenanfang
Hallo ba-coach,
hängt immer an einem Pixel, wenn man IE und FF unter den einen Hut kriegen will * Ich geb auf... *
Aber ich löse so`n Problem mit der guten alten Tabelle, div wird unterschiedlich interpretiert und darum lass ich da, wo`s nicht sein muß, div sein. Und NOF sowieso *zwinker*
Just my 2 cents
  View user's profile Private Nachricht senden
DerM

Dabei seit: 18.01.2009
Ort: -
Alter: 30
Geschlecht: Männlich
Verfasst Di 05.04.2011 10:38
Titel

Antworten mit Zitat Zum Seitenanfang
Das Zauberwort heißt Conditional Comments ...
Google sagt dir was dazu ^^
  View user's profile Private Nachricht senden
Azazael

Dabei seit: 15.01.2010
Ort: (Alten)bochum
Alter: 23
Geschlecht: Männlich
Verfasst Di 05.04.2011 10:42
Titel

Antworten mit Zitat Zum Seitenanfang
Wie wärs mit einem globalen CSS Reset:
Code:

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
kiwi244

Dabei seit: 27.03.2011
Ort: Saarland
Alter: 42
Geschlecht: Weiblich
Verfasst Di 05.04.2011 11:47
Titel

Antworten mit Zitat Zum Seitenanfang
Hallo Azazael,
DAS interessiert mich:
was genau tritt man da los, mit dem globalen CSS Reset:
"Lösche" ich damit alles, was Browserseitig an CSS geboten wird und mache damit Platz für mein alleiniges CSS?
Was "passiert" mit den CSS-Eigenschaften, die ich nicht verwende? (Ich arbeite viel mit Klassen, weniger mit Eigenschaften)

Wäre toll, wenn Du mir auf den Stand helfen könntest.
  View user's profile Private Nachricht senden
 
Ähnliche Themen [CSS] Probleme mit CSS-Navigation und Rolloverbildern
CSS Probleme
Probleme mit IE und CSS
Probleme bei CSS mit IE 7
probleme mit css
CSS Probleme IE VS FF
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
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.

mediengestalter.info ist ein Projekt von webformatik :: Forensoftware: phpBB © 2001, 2005 phpBB Group