Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
PinkPrinZess
Threadersteller
Dabei seit: 07.02.2008
Ort: Köln
Alter: 38
Geschlecht:
|
Verfasst Mo 13.10.2008 14:42
Titel
|
|
|
das ist der link <<klick>> zu der funktionierenden Version. Sind laut Validator noch paar Fehler drin, aber die müssen bleiben sonst gehts nicht mehr XD
Zuletzt bearbeitet von PinkPrinZess am Mo 13.10.2008 14:42, insgesamt 1-mal bearbeitet
|
|
|
|
|
Impigra
Dabei seit: 17.05.2006
Ort: Egenhofen
Alter: 45
Geschlecht:
|
Verfasst Mo 13.10.2008 15:05
Titel
|
|
|
Das schaut bei mir Im Internet Explorer 7 aber ziemlich zerschossen aus...
Der Header ist ok... aber der Inhaltsbereich wird dann rechts daneben drangehängt..
Das ist nicht wirklich erwünscht... oder?
Nachtrag:
Auch die Navigation zerschiesst im IE7 das Layout noch ein bischen mehr...
Zuletzt bearbeitet von Impigra am Mo 13.10.2008 15:07, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
l3mon
Dabei seit: 26.07.2005
Ort: -5m
Alter: 58
Geschlecht:
|
Verfasst Mo 13.10.2008 15:08
Titel
|
|
|
PinkPrinZess hat geschrieben: | das ist der link <<klick>> zu der funktionierenden Version. Sind laut Validator noch paar Fehler drin, aber die müssen bleiben sonst gehts nicht mehr XD |
würd ich so nicht sehen - hab mal deinen quellcode etwas strukturiert
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Eis Verband</title> <!--[if IE]><LINK type="text/css" media="screen" rel="stylesheet" href="html/menu_ie7.css"><![endif]--><!--[if lt IE 7]><LINK type="text/css" media="screen" rel="stylesheet" href="html/menu_ie6-top.css"><![endif]--><style type="text/css">*{
padding:0px;
margin:0px;
border-collapse:collapse;
}
body {
background-image: url(http://www.eis-verband.de/aktionen/eis-verband/html/src/bg_streifen.jpg);
}
#head {
background:url(http://www.eis-verband.de/aktionen/eis-verband/html/src/head.jpg) no-repeat;
width: 720px;
height: 150px;
}
#center {
margin: auto;
width: 720px;
}
li {
display: inline;
text-decoration: none;
border: none;
}
#inhalt {
padding-top:2em;
padding-left:2.5em;
padding-bottom:1em;
padding-right:2em;
border-bottom:1px #999999 solid;
}
#main {
background:url(http://www.eis-verband.de/aktionen/eis-verband/html/src/main.jpg) repeat-y;
border:0px;
width:720px;
height:100%;
overflow:auto;
text-align:left;
position:absolute; top:200px;
z-index:1;
}
a {
text-decoration: none;
}
img {
border: none;
}
li:hover {
}
</style>
<style media="screen" type="text/css">/*üfunktionalität und Formatierung */
* {
padding:0px;
margin:0px;
}
#menu { border:none; text-align:center; float:left;}
#menu ul {
list-style: none;
margin:auto;
padding: 0;
float:left;
}
#menu a, #menu #ueberuns, #menu #ueberuns-a, #menu #leistungen, #menu #leistungen-a, #menu #mitglieder, #menu #mitglieder-a, #menu #kontakt, #menu #kontakt-a, #menu #login, #menu #login-a, #menu #links, #menu #links-a, #menu #impressum, #menu #impressum-a {
font: bold 12px helvetica, arial, sans-serif;
display: block;
margin: 0;
padding: 0;
}
#menu #ueberuns, #menu #ueberuns-a, #menu #leistungen, #menu #leistungen-a, #menu #mitglieder, #menu #mitglieder-a, #menu #kontakt, #menu #kontakt-a, #menu #login, #menu #login-a, #menu #links, #menu #links-a, #menu #impressum, #menu #impressum-a {
color: #fff;
background: #000;
border:none;
}
#menu #ueberuns {
width: 106px;
height: 51px;
}
#menu #ueberuns-a {
width: 106px;
height: 51px;
}
#menu #leistungen {
width: 107px;
height: 51px;
}
#menu #leistungen-a {
width: 107px;
height: 51px;
}
#menu #mitglieder {
width: 111px;
height: 51px;
}
#menu #mitglieder-a {
width: 111px;
height: 51px;
}
#menu #kontakt {
width: 87px;
height: 51px;
}
#menu #kontakt-a {
width: 87px;
height: 51px;
}
#menu #login {
width: 74px;
height: 51px;
}
#menu #login-a {
width: 74px;
height: 51px;
}
#menu #links {
width: 78px;
height: 51px;
}
#menu #links-a {
width: 78px;
height: 51px;
}
#menu #impressum {
width: 129px;
height: 51px;
}
#menu #impressum-a {
width: 129px;
height: 51px;
}
#menu .sub_top { color: #999999; font-size: 0.8em; font-weight: normal; background: #fff; text-decoration: none; width:83px; padding-left:2px; padding-top:2px; border-color: #dee6e9; border-style: solid; border-width: 1px; float:none;}
#menu .sub_top-aktiv { color: #999999; font-size: 0.8em; font-weight: normal; background: #fff; text-decoration: none; width:83px; padding-left:2px; padding-top:2px; border-color: #dee6e9; border-style: solid; border-width: 1px; float:none;}
#menu a { color: #999999; font-size: 0.8em; font-weight: normal; background: #fff; text-decoration: none; width:83px; padding-left:2px; padding-top:2px; border: 1px solid #dee6e9; }
#menu a.aktiv { color: #999999; background-color: #FFFFFF; }
#menu a:hover {
color: #999999;
background: #EFEFEF;
}
#menu li {margin:auto;}
#menu ul ul {
position:relative; left:5px; top:0px;
}
#menu ul ul,
#menu ul li:hover ul ul,
#menu ul ul li:hover ul ul
{display: none;}
#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul
{ display: block; z-index:1000;}
/* Ende Menü */
</style>
<style type="text/css">#headline{font-family:Helvetica,Arial;font-size:14px;color:#999999;font-style:oblique}#text{font-family:Helvetica,Arial;font-size:12px;color:#000000}</style>
</head>
<body>
<div id="center"><div id="head"></div>
<div id="menu">
<ul>
<li>
<img src="http://1.1.1.5/bmi/www.eis-verband.de/aktionen/eis-verband/html/src/li.jpg" alt="Streifen grau"/></li>
</ul>
<ul>
<li><a id="ueberuns" title="Über uns" name="ueberuns" href="html/ueberuns.html"><img src="http://1.1.1.2/bmi/www.eis-verband.de/aktionen/eis-verband/html/src/ueber_uns.jpg" alt="Über Uns"/></a>
<ul>
<li><a class="sub_top" title="Historie" href="html/historie.html">Historie</a></li>
<li><a title="Leitbild" href="html/leitbild.html">Leitbild</a></li>
<li><a title="Fachbereiche" href="html/fachbereich.html">Fachbereiche E.I.S.</a></li>
<li><a title="Kooperationspartner" href="html/schweissring.html">Schweissring</a></li>
<li><a title="Aktuelles" href="html/aktuelles.html">Aktuelles</a></li>
</ul>
</li>
</ul>
<ul>
<li><a id="leistungen" title="Leistungen" name="leistungen" href="html/leistungen.html"><img src="http://1.1.1.1/bmi/www.eis-verband.de/aktionen/eis-verband/html/src/leistungen.jpg" alt="Leistungen"/></a>
<ul>
<li><a class="sub_top" title="Beschaffungsmarketing" href="html/beschaff.html">Beschaffungs- marketing</a></li>
<li><a title="Absatzmarketing" href="html/absatz.html">Absatz- marketing</a></li>
<li><a title="Zentralregulierung" href="html/zentral.html">Zentral- regulierung</a></li>
<li><a title="Zentrale Rahmenvereinbarungen" href="html/rahmen.html">Zentrale Rahmen- vereinbarung</a></li>
<li><a title="Vorteile" href="html/vorteile.html">Vorteile für E.I.S. Mitglieder</a></li>
</ul></li>
</ul>
<ul>
<li><a id="mitglieder" title="Mitglieder" name="mitglieder" href="html/mitglieder.html"><img src="http://1.1.1.1/bmi/www.eis-verband.de/aktionen/eis-verband/html/src/mitglieder.jpg" alt="Mitglieder"/></a></li>
</ul>
<ul>
<li><a id="kontakt" title="Kontakt" name="kontakt" href="html/kontakt.html"><img src="http://1.1.1.1/bmi/www.eis-verband.de/aktionen/eis-verband/html/src/kontakt.jpg" alt="Kontakt"/></a><ul><li><a class="sub_top" title="Ansprechpartner" href="html/ansprech.html">Ansprech- partner</a></li>
<li><a title="Anfahrt" href="html/anfahrt.html">Anfahrt</a></li>
</ul>
</li>
</ul>
<ul>
<li><a id="login" title="Login" name="login" href="html/login.html"><img src="http://1.1.1.3/bmi/www.eis-verband.de/aktionen/eis-verband/html/src/login.jpg" alt="Login"/></a></li>
</ul>
<ul>
<li><a id="links" title="Links" name="links" href="html/links.html"><img src="http://1.1.1.3/bmi/www.eis-verband.de/aktionen/eis-verband/html/src/links.jpg" alt="Links"/></a></li>
</ul>
<ul><li><a id="impressum" title="Impressum" name="impressum" href="html/impressum.html"><img src="http://1.1.1.2/bmi/www.eis-verband.de/aktionen/eis-verband/html/src/impressum.jpg" alt="Impressum"/></a></li>
</ul>
</ul>
</div>
<br>
<div id="main">
<div id="inhalt"><span id="headline">HERZLICH WILLKOMMEN<br></span><span id="text">bei der E.I.S. Beschaffungs- und Marketing GmbH & Co. KG Köln<br>Der transparente Verbund für den Produktionsverbindungshandel<br></span>
</div>
</div>
</div>
</body>
</html> |
die letzte </ul> ist noch immer zu viel - bei mir sitzt der inhalt noch immer rechts ausserhalb der seite - und die ul-konstrukte sind sehr "komisch" und ein html-start-tag fehlt
Zuletzt bearbeitet von l3mon am Mo 13.10.2008 15:13, insgesamt 1-mal bearbeitet
|
|
|
|
|
PinkPrinZess
Threadersteller
Dabei seit: 07.02.2008
Ort: Köln
Alter: 38
Geschlecht:
|
Verfasst Mo 13.10.2008 15:15
Titel
|
|
|
ach menno ich war so happy... im IE 6 - das ist der einzige den ich hier hab (MAC)- funktionierts... undzwar nur mit dem </ul> was zu viel ist, nehm ich das raus, gehts in IE6 nicht mehr...
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mo 13.10.2008 15:19
Titel
|
|
|
PinkPrinZess hat geschrieben: | ach menno ich war so happy... im IE 6 - das ist der einzige den ich hier hab (MAC)- funktionierts... undzwar nur mit dem </ul> was zu viel ist, nehm ich das raus, gehts in IE6 nicht mehr... |
der ie hat eine komplett andere engine....
|
|
|
|
|
l3mon
Dabei seit: 26.07.2005
Ort: -5m
Alter: 58
Geschlecht:
|
Verfasst Mo 13.10.2008 15:24
Titel
|
|
|
hab dir mal nen validen code gebastelt (rechnungsadresse bitte per pn )
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" xml:lang="en" lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Eis Verband</title>
<!--[if IE]><LINK type="text/css" media="screen" rel="stylesheet" href="html/menu_ie7.css">
<![endif]-->
<!--[if lt IE 7]>
<LINK type="text/css" media="screen" rel="stylesheet" href="html/menu_ie6-top.css">
<![endif]-->
<style type="text/css">*{
padding:0px;
margin:0px;
border-collapse:collapse;
}
body {
background-image: url(http://www.eis-verband.de/aktionen/eis-verband/html/src/bg_streifen.jpg);
}
#head {
background:url(http://www.eis-verband.de/aktionen/eis-verband/html/src/head.jpg) no-repeat;
width: 720px;
height: 150px;
}
#center {
margin: auto;
width: 720px;
}
li {
display: inline;
text-decoration: none;
border: none;
}
#inhalt {
padding-top:2em;
padding-left:2.5em;
padding-bottom:1em;
padding-right:2em;
border-bottom:1px #999999 solid;
}
#main {
background:url(http://www.eis-verband.de/aktionen/eis-verband/html/src/main.jpg) repeat-y;
border:0px;
width:720px;
height:100%;
overflow:auto;
text-align:left;
position:absolute; top:200px;
z-index:1;
}
a {
text-decoration: none;
}
img {
border: none;
}
li:hover {
}
</style>
<style media="screen" type="text/css">/*üfunktionalität und Formatierung */
* {
padding:0px;
margin:0px;
}
#menu { border:none; text-align:center; float:left;}
#menu ul {
list-style: none;
margin:auto;
padding: 0;
float:left;
}
#menu a, #menu #ueberuns, #menu #ueberuns-a, #menu #leistungen, #menu #leistungen-a, #menu #mitglieder, #menu #mitglieder-a, #menu #kontakt, #menu #kontakt-a, #menu #login, #menu #login-a, #menu #links, #menu #links-a, #menu #impressum, #menu #impressum-a {
font: bold 12px helvetica, arial, sans-serif;
display: block;
margin: 0;
padding: 0;
}
#menu #ueberuns, #menu #ueberuns-a, #menu #leistungen, #menu #leistungen-a, #menu #mitglieder, #menu #mitglieder-a, #menu #kontakt, #menu #kontakt-a, #menu #login, #menu #login-a, #menu #links, #menu #links-a, #menu #impressum, #menu #impressum-a {
color: #fff;
background: #000;
border:none;
}
#menu #ueberuns {
width: 106px;
height: 51px;
}
#menu #ueberuns-a {
width: 106px;
height: 51px;
}
#menu #leistungen {
width: 107px;
height: 51px;
}
#menu #leistungen-a {
width: 107px;
height: 51px;
}
#menu #mitglieder {
width: 111px;
height: 51px;
}
#menu #mitglieder-a {
width: 111px;
height: 51px;
}
#menu #kontakt {
width: 87px;
height: 51px;
}
#menu #kontakt-a {
width: 87px;
height: 51px;
}
#menu #login {
width: 74px;
height: 51px;
}
#menu #login-a {
width: 74px;
height: 51px;
}
#menu #links {
width: 78px;
height: 51px;
}
#menu #links-a {
width: 78px;
height: 51px;
}
#menu #impressum {
width: 129px;
height: 51px;
}
#menu #impressum-a {
width: 129px;
height: 51px;
}
#menu .sub_top { color: #999999; font-size: 0.8em; font-weight: normal; background: #fff; text-decoration: none; width:83px; padding-left:2px; padding-top:2px; border-color: #dee6e9; border-style: solid; border-width: 1px; float:none;}
#menu .sub_top-aktiv { color: #999999; font-size: 0.8em; font-weight: normal; background: #fff; text-decoration: none; width:83px; padding-left:2px; padding-top:2px; border-color: #dee6e9; border-style: solid; border-width: 1px; float:none;}
#menu a { color: #999999; font-size: 0.8em; font-weight: normal; background: #fff; text-decoration: none; width:83px; padding-left:2px; padding-top:2px; border: 1px solid #dee6e9; }
#menu a.aktiv { color: #999999; background-color: #FFFFFF; }
#menu a:hover {
color: #999999;
background: #EFEFEF;
}
#menu li {margin:auto;}
#menu ul ul {
position:relative; left:5px; top:0px;
}
#menu ul ul,
#menu ul li:hover ul ul,
#menu ul ul li:hover ul ul
{display: none;}
#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul
{ display: block; z-index:1000;}
/* Ende Menü */
</style>
<style type="text/css">#headline{font-family:Helvetica,Arial;font-size:14px;color:#999999;font-style:oblique}#text{font-family:Helvetica,Arial;font-size:12px;color:#000000}</style>
</head>
<body>
<div id="center"><div id="head"></div>
<div id="menu">
<ul>
<li>
<img src="http://1.1.1.5/bmi/www.eis-verband.de/aktionen/eis-verband/html/src/li.jpg" alt="Streifen grau"/></li>
</ul>
<ul>
<li><a id="ueberuns" title="Über uns" name="ueberuns" href="html/ueberuns.html"><img src="http://1.1.1.2/bmi/www.eis-verband.de/aktionen/eis-verband/html/src/ueber_uns.jpg" alt="Über Uns"/></a>
<ul>
<li><a class="sub_top" title="Historie" href="html/historie.html">Historie</a></li>
<li><a title="Leitbild" href="html/leitbild.html">Leitbild</a></li>
<li><a title="Fachbereiche" href="html/fachbereich.html">Fachbereiche E.I.S.</a></li>
<li><a title="Kooperationspartner" href="html/schweissring.html">Schweissring</a></li>
<li><a title="Aktuelles" href="html/aktuelles.html">Aktuelles</a></li>
</ul>
</li>
</ul>
<ul>
<li><a id="leistungen" title="Leistungen" name="leistungen" href="html/leistungen.html"><img src="http://1.1.1.1/bmi/www.eis-verband.de/aktionen/eis-verband/html/src/leistungen.jpg" alt="Leistungen"/></a>
<ul>
<li><a class="sub_top" title="Beschaffungsmarketing" href="html/beschaff.html">Beschaffungs- marketing</a></li>
<li><a title="Absatzmarketing" href="html/absatz.html">Absatz- marketing</a></li>
<li><a title="Zentralregulierung" href="html/zentral.html">Zentral- regulierung</a></li>
<li><a title="Zentrale Rahmenvereinbarungen" href="html/rahmen.html">Zentrale Rahmen- vereinbarung</a></li>
<li><a title="Vorteile" href="html/vorteile.html">Vorteile für E.I.S. Mitglieder</a></li>
</ul></li>
</ul>
<ul>
<li><a id="mitglieder" title="Mitglieder" name="mitglieder" href="html/mitglieder.html"><img src="http://1.1.1.1/bmi/www.eis-verband.de/aktionen/eis-verband/html/src/mitglieder.jpg" alt="Mitglieder"/></a></li>
</ul>
<ul>
<li><a id="kontakt" title="Kontakt" name="kontakt" href="html/kontakt.html"><img src="http://1.1.1.1/bmi/www.eis-verband.de/aktionen/eis-verband/html/src/kontakt.jpg" alt="Kontakt"/></a><ul><li><a class="sub_top" title="Ansprechpartner" href="html/ansprech.html">Ansprech- partner</a></li>
<li><a title="Anfahrt" href="html/anfahrt.html">Anfahrt</a></li>
</ul>
</li>
</ul>
<ul>
<li><a id="login" title="Login" name="login" href="html/login.html"><img src="http://1.1.1.3/bmi/www.eis-verband.de/aktionen/eis-verband/html/src/login.jpg" alt="Login"/></a></li>
</ul>
<ul>
<li><a id="links" title="Links" name="links" href="html/links.html"><img src="http://1.1.1.3/bmi/www.eis-verband.de/aktionen/eis-verband/html/src/links.jpg" alt="Links"/></a></li>
</ul>
<ul><li><a id="impressum" title="Impressum" name="impressum" href="html/impressum.html"><img src="http://1.1.1.2/bmi/www.eis-verband.de/aktionen/eis-verband/html/src/impressum.jpg" alt="Impressum"/></a></li>
</ul>
</div>
<br />
<div id="main">
<div id="inhalt"><span id="headline">HERZLICH WILLKOMMEN<br /></span><span id="text">bei der E.I.S. Beschaffungs- und Marketing GmbH und Co. KG Köln<br />Der transparente Verbund für den Produktionsverbindungshandel<br /></span>
</div>
</div>
</div>
</body>
</html>
|
vlt hilfts weiter
|
|
|
|
|
PinkPrinZess
Threadersteller
Dabei seit: 07.02.2008
Ort: Köln
Alter: 38
Geschlecht:
|
Verfasst Di 14.10.2008 10:04
Titel
|
|
|
DANKE dir! hat mich schon nen ganzes Stück weiter gebracht. Jetzt teste ich nur noch rum, was ich machen muss damit die links beim Rollover nicht springen. <<klick>>
|
|
|
|
|
|
|
|
Ähnliche Themen |
Formmailer-Problem-neues problem
CSS Problem (IE)
PS Problem
Css problem
Problem mit div
css-problem
|
|
|
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.
|
|