Autor |
Nachricht |
twym
Threadersteller
Dabei seit: 12.06.2005
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Mo 05.06.2006 14:24
Titel
|
|
|
hab mich jez nochma ein wenig rangesetzt,....
die umsetzung ChraCe hat mir natürlich sehr geholfen. Hab jez im Grunde gut verstanden wie das so funktioniert, habs dann nochma neu umgesetzt.
hab da dann aber noch zwei fragen:
1)im firefox passt bei mir so alles bisher. im IE verschiebt er die navi sowie den content aber um einige pixel zuweit. wie kann ich das ändern?
2)ich habe die seite jez hochgeladen. da es meine erste umgesetzte seite ist hab ich dass vorher noch nie gemacht.
wenn ich nur die domain eingebe klappts nicht. nur wenn ich hinter die domain "/Index.html" setze funzt es!
P.S. die seite ist noch nicht komplett umgesetzt... der lange text is nur dafür da, um zu testen ob die scrollbar im notfall richtig funktioniert.
.tim
Link:http://www.ferdinand-schreiber.com/Index.html
|
|
|
|
|
dastef
Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 05.06.2006 15:03
Titel
|
|
|
twym hat geschrieben: | 2)ich habe die seite jez hochgeladen. da es meine erste umgesetzte seite ist hab ich dass vorher noch nie gemacht.
wenn ich nur die domain eingebe klappts nicht. nur wenn ich hinter die domain "/Index.html" setze funzt es! |
Vielleicht probierst es mal mit nem kleinen i am anfang - unix
systeme sind im vergleich zu windows nämlich case-sensitiv
|
|
|
|
|
Anzeige
|
|
|
twym
Threadersteller
Dabei seit: 12.06.2005
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Mo 05.06.2006 16:24
Titel
|
|
|
super danke, dann wäre das problemchen schon ma aus der welt.
bleibt nur noch problem nummer 1.
die abartige verschiebung der navi im IE, die beim mozilla nicht gegeben ist.
kann mir da nochma jemand helfen?
Hier nochma das Problemkind: www.ferdinand-schreiber.com
PS: falls sich jemand nicht das ganze angucken will:
CSS:
Code: |
#container {
margin:24px auto;
text-align:left;
width: 691px;
height:720px;
background-image:url(container.jpg);
background-repeat:no-repeat;
background-position:center;
display:block;
}
#nav {
float:left;
margin:10px 10px;
margin-left:10px;
margin-right:10px;
width:160px;
height:670px;
background-color:#353535;
}
#scrolltext {
margin-top:11px;
text-align:left;
height: 640px;
width:470px;
overflow:auto;
overflow-x:hidden;
}
#content {
margin:0 0 0 160x;
padding-top:10px;
text-align:left;
height: 671px;
width:471px;
}
#scrolltext p {
font-family:Arial, Verdana, Helvetica;
font-style:normal;
font-size:11px;
font-weight:normal;
margin-top:0px;
}
|
html:
Code: |
<body>
<div id="container">
<div id="nav">
<li><a class="startseite" href="#" title="Startseite">Startseite</a></li>
<h3>Über den Künstler</h3>
<ul>
<li class="active"><a href="#" title="Lebenslauf" class="active">Lebensweg</a></li>
<li><a href="#" title="Haus und Umgebung">Haus und Umgebung</a></li>
</ul>
<h3>Galerie</h3>
<ul>
<li><a href="#" title="Plastiken und Skulpturen">Plastiken/Skulpturen</a></li>
<li><a href="#" title="Bilder und Montagen">Bilder/Montagen</a></li>
<li><a href="#" title="Kunstaktionen">Kunstaktionen</a></li>
<li><a href="#" title="Kunstwerke im öffentlichen Raum">Kunstwerke im öffentl. Raum</a></li>
<li><a href="#" title="Fundstücke">Fundstücke</a></li>
[...] |
</div>
<div id="content">
<div><h1>Über den Künstler - Lebensweg</h1></div>
<div id="scrolltext">
<p>
[...]
</p>
</div>
</div>
</div>
</body>
in hoffungsvoller stimmung sage ich bis gleich.
.tim
Zuletzt bearbeitet von twym am Mo 05.06.2006 16:35, insgesamt 1-mal bearbeitet
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 05.06.2006 16:32
Titel
|
|
|
Hab nur kurz reingeschaut, aber tippe mal auf IE double margin bug.
|
|
|
|
|
twym
Threadersteller
Dabei seit: 12.06.2005
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Mo 05.06.2006 16:37
Titel
|
|
|
ja das denke ich auch aber nur weil ich aus deiner definition herauslese, dass der IE das margin praktisch verdoppelt. genauso ist es nämlich. Stelle ich margin auf 5px statt 10px stellt der IE es korrekt dar, im Gegensatz dazu der Firefox aber nicht mehr.
Nehmen wir mal an, dass an dieser Stelle das Problem liegt. Wie kann ich es umgehen?
danke. tim
|
|
|
|
|
Glas
Dabei seit: 24.05.2003
Ort: Bremen
Alter: 41
Geschlecht:
|
Verfasst Mo 05.06.2006 16:43
Titel
|
|
|
Du kannst mittels sog. "conditional comments" ein Stylesheet extra für den IE einbinden, oder aber mittels dem altbekannten Star-Hack eine Ausnahme für den IE schreiben:
Code: |
div#container { hier die definitionen für den FF etc. }
* html div#container { diese definitionen für den IE }
|
Du musst entscheiden was du willst.
Ich arbeite eher mit conditional comments. Musst nicht deine css Datei verschandeln - und bist für die Zukunft gewappnet
Der IE7 mag z.B. den Star-hack nicht mehr.[/code]
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 05.06.2006 16:44
Titel
|
|
|
Es liegt am #nav oder?
Da hast du margin-left:10px;
also legst du dir mit einem Hack für den IE margin-left:5px; an.
Code: | * html #nav {
margin-left:5px;
} |
... zu spät.
Zuletzt bearbeitet von m am Mo 05.06.2006 16:46, insgesamt 1-mal bearbeitet
|
|
|
|
|
twym
Threadersteller
Dabei seit: 12.06.2005
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Mo 05.06.2006 18:05
Titel
|
|
|
super,... danke.... jez ist erstmal alles paletti...
|
|
|
|
|
|
|
|
Ähnliche Themen |
Anfängerprobleme
Anfängerprobleme mit Illustrator - Hilfe erwünscht
|
|