[GastForen Web allgemein HTML und CSS / Stylesheets IE6 und Bild in Box und Boxgröße

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

IE6 und Bild in Box und Boxgröße

matmax
Beiträge gesamt: 626

20. Sep 2006, 00:15
Beitrag # 1 von 20
Bewertung:
(5578 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Liebes Forum,
ich finde nichts mehr in meinem CSS-Buch … Die Seite läuft in Safari, Firefox und dem IE5.2 auf Mac OS 10.4 und in Netscape 7 auf WIN XP nur im IE6 geht es nicht. (Zur verständlichkeit habe ich die boxen eingefärbt)

1_Dort scheint sich die bild(box) um 1 oder 2px nach unten zu schieben, wenn das gleich große Bild geladen wird. Ohne Bild ist die größe der Box korrekt. Wie kriege ich den Streifen weg? (Bild: Logo_inkl.jpg ist 100px hoch und 450px breit)

2_Ich habe eine 8px x 8px großes Quadrat vor dem Menü (#kaestchen). Nur im IE scheint es 8 x 16px zu sein? Wie bekomme ich ein Quadrat hin?

3_Ist sonst etwas total bescheuert in meinem Quelltext?

Vielen Dank, wenn sich jemand die Zeit nimmt, mal drüber zu gucken!
Matthias

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>Name</title>

<style type="text/css">
/* <![CDATA[ */
body { background-color: white;
color: black;
text-align: center; }

#container { width: 900px;
height: 600px;
background-color: #76CEF3;
text-align: left;
position: relative;
margin: 0 auto;
margin-top: 50px; }

#logo { background-color: black;
width: 500px;
height: 100px; }

#navigation { background-color: yellow;
width: 100px;
height: 470px;
position: absolute;
top: 130px;
left: 0px;
font: 12px Helvetica, Verdana, sans serif;
line-height: 18px;
font-weight: normal;
text-align: right; }

#kaestchen { background-color: black;
width: 8px;
height: 8px;
position: absolute;
top: 135px;
left: 104px; }

#inhalt { background-color: brown;
width: 350px;
height: 445px;
position: absolute;
top: 130px;
left: 125px;
padding-right: 25px;
overflow: auto; }

h1, h2 { font: 12px Helvetica, Verdana, sans serif;
line-height: 18px;
font-weight: bold;
margin-bottom: 0px;
margin-top: 0px; }

p { font: 12px Helvetica, Verdana, sans serif;
line-height: 18px;
font-weight: light;
margin-bottom: 0px;
margin-top: 0px; }

#bild { background-color: green;
width: 400px;
height: 600px;
position: absolute;
top: 0px;
right: 0px; }

a:link { color: black;
text-decoration: none; }

a:visited { color: black;
text-decoration: none; }

a:hover { font-weight: bold; }

.aktuell { font-weight: bold; }





/* ]]> */
</style>
</head>
<body>

<div id="container">
<div id="logo"><img src="Logo_inkl.jpg"</div>
<div id="navigation"> <a href="Name.html" class="aktuell">&Uuml;ber
uns</a><br>
<br>
<a href="#">Zwei</a><br>
<br>
<a href="#">Drei</a><br>
<br>
<a href="#">Vier</a><br>
<br>
<a href="#">Fünf</a><br>
<br>
<a href="#">Sechs</a><br>
<br>
<a href="#">Impressum</a> </div>
<div id="kaestchen"></div>
<div id="inhalt">
<p>texttexttexttexttexttexttexttexttexttexttexttext<br>
<br>
<h1>Überschrift</h1>
<p> • texttexttexttexttexttext<br>
texttexttexttexttexttext<br>
• texttexttexttexttexttexttexttexttext<br>
texttexttexttexttexttext<br>
• texttexttexttexttexttexttexttexttext<br>
• texttexttexttexttexttexttexttexttext<br>
</p>
<br>
<h1>Überschrift</h1>
<p> texttexttexttexttexttexttexttexttext<br>
• texttexttexttexttexttexttexttexttext<br>
• texttexttext<br>
texttexttexttexttexttext<br>
</p>
</div>
<div id="bild"><img src="Bild_Ueber uns4.jpg"</div>
</div>

</body>
</html>
X

IE6 und Bild in Box und Boxgröße

matmax
Beiträge gesamt: 626

20. Sep 2006, 00:30
Beitrag # 2 von 20
Beitrag ID: #251860
Bewertung:
(5571 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Oh, das Streifenproblem war das Fehlen eines > bei der Bildeinfügung!

Jetzt fehlt nur noch diese komische #kaestchen …!


als Antwort auf: [#251859]

IE6 und Bild in Box und Boxgröße

ganesh
Beiträge gesamt: 1981

20. Sep 2006, 04:49
Beitrag # 3 von 20
Beitrag ID: #251867
Bewertung:
(5544 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
füge noch dies hinzu:

overflow:hidden;


als Antwort auf: [#251860]

IE6 und Bild in Box und Boxgröße

matmax
Beiträge gesamt: 626

20. Sep 2006, 10:10
Beitrag # 4 von 20
Beitrag ID: #251918
Bewertung:
(5529 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Danke, mit overflow: auto hat es aber ganz gut geklappt, dass bei etwaiger höherer Textlänge in #inhalt ein Scrollbalken an richtiger Stelle erscheint (vertikaler scroll). Bei anderen Einstellungen war immer, zmindest bei OS X ein scrollbalkenhintergrund zu sehen.

Was mach ich aber nur mit dem Kästchen das so vertikal gestreckt ist?


als Antwort auf: [#251867]

IE6 und Bild in Box und Boxgröße

FSt
  
Beiträge gesamt: 1961

20. Sep 2006, 10:41
Beitrag # 5 von 20
Beitrag ID: #251935
Bewertung:
(5525 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo matmax

das overflow:hidden sollte beim #kaestchen eingebaut werden, dann ists quatratisch ...

Gruss
Martin


als Antwort auf: [#251918]

IE6 und Bild in Box und Boxgröße

matmax
Beiträge gesamt: 626

20. Sep 2006, 11:34
Beitrag # 6 von 20
Beitrag ID: #251958
Bewertung:
(5520 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ach so! Danke Martin!
Das werde ich gleich heute abend ausprobieren!
Daran wird es wohl liegen …

Gruss
Matthias


als Antwort auf: [#251935]

IE6 und Bild in Box und Boxgröße

matmax
Beiträge gesamt: 626

20. Sep 2006, 21:13
Beitrag # 7 von 20
Beitrag ID: #252157
Bewertung:
(5514 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Super, funktioniert! Dankeschön!


als Antwort auf: [#251958]

IE6 und Bild in Box und Boxgröße

matmax
Beiträge gesamt: 626

21. Sep 2006, 21:05
Beitrag # 8 von 20
Beitrag ID: #252436
Bewertung:
(5503 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Zwei Fragen hätte ich noch:

1 Das Kästchen ist auf dem Windows IE und Netscape in der Position ein Pixel zu hoch. Auf dem Mac ist es korrekt. Wie kann ich dies beheben?
2 Ein XHTML-Validator spuck verdammt viele Fehler aus – doch die Seite scheint ja zu funktionieren. Ist es ratsam doch nur HTML zu nehmen (zumal ich rechnen muss, dass die Seite von Benutzern besucht wird, die nicht gerade taufrische Browser haben)?


als Antwort auf: [#251935]

IE6 und Bild in Box und Boxgröße

FSt
  
Beiträge gesamt: 1961

22. Sep 2006, 07:38
Beitrag # 9 von 20
Beitrag ID: #252463
Bewertung:
(5496 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo matmax

Antwort auf [ matmax ] Ein XHTML-Validator spuck verdammt viele Fehler aus – doch die Seite scheint ja zu funktionieren. Ist es ratsam doch nur HTML zu nehmen (zumal ich rechnen muss, dass die Seite von Benutzern besucht wird, die nicht gerade taufrische Browser haben)?

So schwer sind die Felher gar nicht zu beheben:

1. es fehtl das html-tag <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> vor dem head-tag
2. solltesn die img mit einem /> geschlossen werden und zusätzlich noch mit alt=""
3. <br> schreibt man <br />
4. fehlt ein </p>
5. ü wird zu &uuml;
und schon hast Du ein einen validen Code ...

Validierter Code ist wichtig, nicht nur für Browser auch für Suchmaschinen und alternative Ausgabegeräte. Das hat es keinen Einfluss auf Deine Entscheidung, ob Du XHTML oder HTML nimmst ...

Beseitige mal alle Fehler und schau dann, ob der IE immer noch um 1px nicht stimmt ...

Gruss
Martin


als Antwort auf: [#252436]

IE6 und Bild in Box und Boxgröße

matmax
Beiträge gesamt: 626

22. Sep 2006, 14:31
Beitrag # 10 von 20
Beitrag ID: #252646
Bewertung:
(5486 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Danke, aber doch noch mal nachgefragt:
Spielt es eine Rolle ob ich HTML oder XHTML verwende je nach Alter des Browsers?
Bzw. ist es nicht bei meiner Seite (mit CSS) ohne Flash etcpp. völlig egal ob ich HTML oder XHTML nehme?


als Antwort auf: [#252463]

IE6 und Bild in Box und Boxgröße

FSt
  
Beiträge gesamt: 1961

22. Sep 2006, 17:28
Beitrag # 11 von 20
Beitrag ID: #252692
Bewertung:
(5480 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo matmax

Wow, da hast Du aber eine Gretchenfrage erwischt ...
Wenn Du Zeit und Lust hast, kannst Du Dich zu diesem Thema hier einlesen:
http://de.selfhtml.org/...tml/unterschiede.htm

Kurze Antwort:
Für Dein Projekt spielt es eigentlich keine Rolle.

Gruss
Martin


als Antwort auf: [#252646]

IE6 und Bild in Box und Boxgröße

matmax
Beiträge gesamt: 626

22. Sep 2006, 23:58
Beitrag # 12 von 20
Beitrag ID: #252729
Bewertung:
(5471 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Okay, gut zu wissen. Danke. Bei selfhtml hatte ich auch schon gelesen, aber da versteh ich nur Bahnhof. Schönes Wochenende, Matthias


als Antwort auf: [#252692]

IE6 und Bild in Box und Boxgröße

matmax
Beiträge gesamt: 626

24. Sep 2006, 16:12
Beitrag # 13 von 20
Beitrag ID: #252814
Bewertung:
(5426 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Martin,
ich habe die Fehler beseitigt, aber das verschobene "kaestchen" bleibt …
Habe herausgefunden, dass sich im IE6 auf WINXP aber nicht das "kaestchen" verschiebt – das bleibt exakt gleich" – sondern die "navigation"-Box und die "inhalt"-Box um ein Pixel nach unten. Probiere die ganze Zeit mit verschiedenen CSS schreibweisen (mal im body mal in "inhalt" etcpp), aber es bleibt wie es ist …
Woran kann das nur liegen?!

Viele Grüße, Matthias


als Antwort auf: [#252692]

IE6 und Bild in Box und Boxgröße

matmax
Beiträge gesamt: 626

24. Sep 2006, 18:38
Beitrag # 14 von 20
Beitrag ID: #252831
Bewertung:
(5420 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Mit Firefox funktioniert es auf WIN XP. Nur nicht der IE6 ……


als Antwort auf: [#252692]

IE6 und Bild in Box und Boxgröße

matmax
Beiträge gesamt: 626

25. Sep 2006, 23:36
Beitrag # 15 von 20
Beitrag ID: #253037
Bewertung:
(5395 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ich habe jetzt die "kaestchen"-Box und die "Inhalt"-Box in die "Navigation"-Box verschachtelt, aber das Problem bleibt …… seltsam.


als Antwort auf: [#252831]
X

Aktuell

InDesign / Illustrator
ScreenShot 274 Warum Templates in InDesign benutzen_ - Satzkiste in Stuttgart - Satz und technische Umsetzung - Google Chrome (300x300 HilfDirSelbst)

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
02.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/

Veranstaltungen
01.03.2023 - 09.03.2023

Online
Mittwoch, 01. März 2023, 00.00 Uhr - Donnerstag, 09. März 2023, 00.00 Uhr

Online Webinar

Wie gehen wir mit diesen Veränderungen um? Was ist notwendig, damit wir die Digitalisierung im Unternehmen klappt? Veränderungsprozesse verstehen und entsprechend handeln Mitarbeiter als Botschafter Webseite mit WordPress erstellen SEA /SEO (Ads aufschalten)

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: B. Isik, E-Mailinfo AT snfa DOT ch

https://www.fernstudiumfitness.ch/digitalisierung-schweiz/