[GELÖST] Probleme mit dem IE

[Fastjekt]

Hallo,
ich habe folgende Frage;
wenn ich meine Seite mit Firefox, Opera,NS Navigator betrachte ist alles bestens, keine zu grossen leerräume.
Wenn ich mir jedoch die Seite mit dem Internet explorer anschaue dann habe ich auf einigen unterseiten extrem grosse Leerräume
an was kann das liegen?
Anbei ein Link zur Seite vergleicht das mal einmal mit IE und dann versucht es mal mit einem anderen Browser.

http://www.active-diving.estugo5.com/in ... pertauchen

Für Hilfe wäre ich sehr Dankbar

[cyberman]

Anbei ein Link zur Seite vergleicht das mal einmal mit IE

Welche IE-Version meinst du denn?

Zwischen der 6er und 7er Version gibt es Riesen-Unterschiede ...

[Fastjekt]

Es ist bei beiden IE Versionen als 6 und 7 das gleiche.

Gruß

[cyberman]

Hmm, meine Vorschläge:

1. Source der Seite/ des Contents überprüfen. Der IE scheint über bestimmte (leere) Seitenelemente zu "stolpern". Hier mal der Source der betreffenden Passage

Code: Select all

<div id="main">
<p>
<font size="4" face="Verdana">

SCHNUPPERTAUCHEN – DISCOVER SCUBA DIVING

</font>
</p>
<p>
<font size="1" face="Verdana">

Du hast schon von der Schwerelosigkeit unter Wasser gehört oder würdest gerne die Unterwasserwelt kennen lernen?

<br>

Du möchtest Tauchen lernen und weißt nicht, ob es der richtige Sport für dich ist? Dieser Einführungskurs ist die Tür in eine faszinierende neue Welt.

<br>

In sicherer Hand eines professionellen Tauchlehrers wirst du behutsam an die Unterwasserwelt herangeführt.

<br>

Wir erklären dir die grundlegenden Dinge des Tauchens und schon kann es losgehen. Das Erlebnis und die Faszination an deinem ersten Tauchgang werden dir unvergesslich bleiben.

</font>
</p>
<p>
</p>
<table width="819" height="269" cellspacing="0" cellpadding="0" bordercolor="#111111" border="0" style="border-collapse: collapse;">

Dazu mein Vorschlag:

Code: Select all

<div id="main">
<p>
SCHNUPPERTAUCHEN – DISCOVER SCUBA DIVING
</p>
<p>
Du hast schon von der Schwerelosigkeit unter Wasser gehört oder würdest gerne die Unterwasserwelt kennen lernen?
<br />
Du möchtest Tauchen lernen und weißt nicht, ob es der richtige Sport für dich ist? Dieser Einführungskurs ist die Tür in eine faszinierende neue Welt.
<br />
In sicherer Hand eines professionellen Tauchlehrers wirst du behutsam an die Unterwasserwelt herangeführt.
<br />
Wir erklären dir die grundlegenden Dinge des Tauchens und schon kann es losgehen. Das Erlebnis und die Faszination an deinem ersten Tauchgang werden dir unvergesslich bleiben.
</p>
<table width="819" height="269" cellspacing="0" cellpadding="0" bordercolor="#111111" border="0" style="border-collapse: collapse;">

Die Formatierung des Textes (Größe, Schrift) solltest du in der CSS vornehmen.

2. Seite xhtml-valid machen

http://validator.w3.org/check?verbose=1 ... pertauchen

[Fastjekt]

Hallo, der Text selbst ist nicht das Problem, sondern der riesen Abstand kommt erst zustande wenn ich die Tabelle mit den
Texten und Fotos einfüge, ich habe da schon alles möglich probiert aber nichts hat geholfen,
wenn ich die selbe seite mit Joomla oder Xoops mache dann wird alles sauber angezeigt nur unter CMSms nicht deshalb macht mich das alles ja noch mehr stuzig.

Gruß

[Fastjekt]

Also genau diesen Anschein macht es das der grosse Abstand dem Gesamtabstand der Navigation entspricht,
ich bin da leider nun auch nicht der profi drin und weis nicht sogenau woran das noch liegen kann.
Anbei das css:
---------------
/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.0
(July 25, 2005)

Screen layout: */


/*
This layout depends on modified news summary template


{foreach from=$items item=entry}


{$entry->titlelink}



{$entry->category}
{if $entry->author}
by {$entry->author}
{/if}

{if $entry->formatpostdate}

{$entry->formatpostdate}


{/if}


{if $entry->summary}
{eval var=$entry->summary}

  [{$entry->morelink}]

{else if $entry->content}
{eval var=$entry->content}

{/if}

{/foreach}


Copy paste this template to your news summary template and delete from here
*/

body {
margin: 1 auto ;
padding: 0;
font: 76% Verdana,  Arial,  sans-serif;
background: #f4f4f4 top-center  ;
}

#wrap {
background: #ffffff;
color: #303030;
margin: 0 auto;
width: 990px;
}

#header {
clear: both;
margin: 0px 10px 0 0px;
padding: 1px;
height: 25px;
}

#header h1 {
width: 250px;
margin: 0px 0px 0px;
float: left;
}

#header p {
width: 500px;
float: right;
text-align: center;
color: #a0a0a0;
margin: 0px 0 0px 0px;
font-size: 0.8em;
line-height: 1.2em;
}

#frontphoto {
margin: 10px 0 10px 0;
border: 0;
}

#avmenu {
clear: left;
float: left;
width: 150px;
margin: 0 0 0px 0;
padding: 2px;
font-size: 0.9em;
min-height:1em; /* Fixes IE7 bug*/
}

#avmenu ul {
list-style: none;
width: 150px;
margin: 0 0 40px 0;
padding: 0;
font-size: 1.1em;
min-height:1em; /* Fixes IE7 bug*/
}

#avmenu li {
margin-bottom: 2px;
}


/* first level */
#avmenu li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #505050;
display: block;
padding: 6px 0 0 10px;
background: #f4f4f4;
border-left: 0px solid #cccccc;
}

#avmenu li a:hover {
background: #B0C9E1;
color: #286ea0;
border-left: 0px solid #286ea0;
}

#avmenu li a.menuactive {
background: #eaeaea;
color: #286ea0;
border-left: 0px solid #286ea0;
}


/* second level */
#avmenu li li a {
font-weight: normal;
height: 20px;
text-decoration: none;
color: #505050;
display: block;
padding: 0px 0 0 10px;
background: #f4f4f4;
border:0;
}

#avmenu li li a:hover {
background: #B0C9E1;
color: #286ea0;
border:0;
}

#avmenu li li a.menuactive {
background: #eaeaea;
color: #286ea0;
border:0;
}

.announce {
margin: 0px 0 0px 0;
padding: 10px;
width: 130px;
color: #505050;
background-color: #f4f4f4;
line-height: 1.3em;
}


#extras p {
margin: 0 0 1.5em 0;
}

#content {
margin: 0 110px 0px 160px;
border-left: 0px solid #f0f0f0;
border-right: 0px solid #f0f0f0;
padding: 0 0px 0 0px;
line-height: 1.6em;
text-align: left;
}



#content img {
padding: 0px;
display:inline;
background: #cccccc;
border: 0px solid #f0f0f0;
}

h3 {
font-size: 1.3em;
margin: 0 0 0px 0;
}

a {
text-decoration: none;
color: #ffffff;
}

a:hover {
text-decoration: none;
color: #ffffff;

}


a img {
border: 0;
}

#footer {
clear: both;
margin: 0 auto;
padding: 6px 0 8px 2px;
border-top: 0px solid #f0f0f0;
width: 990px;
text-align: center;
color: #ffffff;
font-size: 0.9em;
background:#5A7FA9;
}

#footer a {
color: #ffffff;
text-decoration: none;
}

#footer a:hover {
text-decoration: none;
}

.left {
margin: 10px 10px 5px 0;
float: left;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}
------------------------------

[cyberman]

Hast du schon versucht, alle Innen-/Außenabstände auf 0 zu setzen?

Code: Select all

* {
margin:0;
padding:0;
}

[Fastjekt]

Vielen Dank für die Hilfe, es waren die Abstände in der Navigation die dem IE nicht gepasst haben.
Nun sind es noch einige ganz kleine sachen die aber sicherlich auf die gleicheweise zu lösen sind.

Danke nochmal an alle und Gruß