mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 09.12.2016 10:51 Benutzername: Passwort: Auto-Login

Thema: [css] anfängerprobleme vom 30.05.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [css] anfängerprobleme
Seite: Zurück  1, 2, 3  Weiter
Autor Nachricht
twym
Threadersteller

Dabei seit: 12.06.2005
Ort: -
Alter: 30
Geschlecht: Männlich
Verfasst Mo 05.06.2006 13:24
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
dastef

Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 05.06.2006 14:03
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Anzeige
Anzeige
twym
Threadersteller

Dabei seit: 12.06.2005
Ort: -
Alter: 30
Geschlecht: Männlich
Verfasst Mo 05.06.2006 15:24
Titel

Antworten mit Zitat Zum Seitenanfang

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 15:35, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 05.06.2006 15:32
Titel

Antworten mit Zitat Zum Seitenanfang

Hab nur kurz reingeschaut, aber tippe mal auf IE double margin bug.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
twym
Threadersteller

Dabei seit: 12.06.2005
Ort: -
Alter: 30
Geschlecht: Männlich
Verfasst Mo 05.06.2006 15:37
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Glas

Dabei seit: 24.05.2003
Ort: Bremen
Alter: 34
Geschlecht: Männlich
Verfasst Mo 05.06.2006 15:43
Titel

Antworten mit Zitat Zum Seitenanfang

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 Lächel
Der IE7 mag z.B. den Star-hack nicht mehr.[/code]
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 05.06.2006 15:44
Titel

Antworten mit Zitat Zum Seitenanfang

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 15:46, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
twym
Threadersteller

Dabei seit: 12.06.2005
Ort: -
Alter: 30
Geschlecht: Männlich
Verfasst Mo 05.06.2006 17:05
Titel

Antworten mit Zitat Zum Seitenanfang

super,... danke.... jez ist erstmal alles paletti...
  View user's profile Private Nachricht senden
 
Ähnliche Themen Anfängerprobleme
Anfängerprobleme mit Illustrator - Hilfe erwünscht
[CSS] Button verrutsch im Firefox, CSS-Künstler gesucht
[CSS/PHP/Javascript] CSS-Menu a:active soll sichtbar sein
[Javascript][CSS] JavaScrip-Rollover-Bild in CSS-Dropdown
[CSS] suche ungewöhliche Navigationen auf CSS-Basis
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2, 3  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.