 Willkommen auf dem Portal für Mediengestalter
|
|
|
| Autor |
Nachricht |
ba-coach
Threadersteller
Dabei seit: 08.06.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 02.04.2011 10:01
Titel CSS Probleme |
  |
|
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ö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> <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> <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> <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 10:56, insgesamt 1-mal bearbeitet
|
|
| |
  |
 |
pantonine
Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
|
Verfasst Sa 02.04.2011 10:43
Titel
|
|
|
|
Mach Dich mal übers Box model schlau. Daran wirds wohl liegen.
|
|
| |
|
|
|
Anzeige
|
|
|
willshedo
Dabei seit: 21.12.2005
Ort: Waldshut
Alter: 51
Geschlecht: -
|
Verfasst Mo 04.04.2011 15:18
Titel
|
|
|
Hi,
der negative margin, könnt ich mir vorstellen - bei sowas sind die alten IE ja nicht zuverlässig....
|
|
| |
|
|
gajel
Dabei seit: 19.09.2009
Ort: -
Alter: -
Geschlecht: 
|
Verfasst Mo 04.04.2011 17:45
Titel
|
|
|
|
IE ist der letzte Dreck. Immer muss man irgend was für den Browser Fixen. Sollte verboten werden.
|
|
| |
|
|
kiwi244
Dabei seit: 27.03.2011
Ort: Saarland
Alter: 54
Geschlecht: 
|
Verfasst Di 05.04.2011 09:18
Titel
|
|
|
Hallo ba-coach,
hängt immer an einem Pixel, wenn man IE und FF unter den einen Hut kriegen will 
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 
Just my 2 cents
|
|
| |
|
|
DerM
Dabei seit: 18.01.2009
Ort: -
Alter: 43
Geschlecht:
|
Verfasst Di 05.04.2011 09:38
Titel
|
|
|
Das Zauberwort heißt Conditional Comments ...
Google sagt dir was dazu ^^
|
|
| |
|
|
SimonDerDude
Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 36
Geschlecht:
|
Verfasst Di 05.04.2011 09:42
Titel
|
|
|
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;
}
|
|
|
| |
 |
|
kiwi244
Dabei seit: 27.03.2011
Ort: Saarland
Alter: 54
Geschlecht:
|
Verfasst Di 05.04.2011 10:47
Titel
|
|
|
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.
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Probleme mit dem IE
Probleme mit PDF
Probleme mit IE und CSS
probleme mit ie 6 und ie 7
Probleme mit IE
Probleme bei CSS mit IE 7
|
|
|
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.
|
|
