Help | Site Map
Connecting Tech Pros Worldwide
 
 
LinkBack Thread Tools
  #1  
Old July 24th, 2005, 12:53 AM
Oliver
Guest
 
Posts: n/a
Default Where am i wrong?

Hi guys,
i stumbled over another problem that i can't figure out.
Firefox is showing me the table how i expected it and IE6.0 doesn't do
me good.

http://www.twistedeyes.com/temp/test/main2.html

Just have a look.

What's the deal with it?

Thanks for any help with it.
  #2  
Old July 24th, 2005, 12:53 AM
C A Upsdell
Guest
 
Posts: n/a
Default Re: Where am i wrong?

Oliver wrote:[color=blue]
> Hi guys,
> i stumbled over another problem that i can't figure out.
> Firefox is showing me the table how i expected it and IE6.0 doesn't do
> me good.
>
> http://www.twistedeyes.com/temp/test/main2.html
>
> Just have a look.
>
> What's the deal with it?
>
> Thanks for any help with it.[/color]

Step one: validate your page. You have a fair number of errors. When
your code has errors, you are at the mercy of how a particular browser
handles the errors.

  #3  
Old July 24th, 2005, 12:53 AM
Ståle Sæbøe
Guest
 
Posts: n/a
Default Re: Where am i wrong?

Oliver wrote:[color=blue]
> Hi guys,
> i stumbled over another problem that i can't figure out.
> Firefox is showing me the table how i expected it and IE6.0 doesn't do
> me good.
>
> http://www.twistedeyes.com/temp/test/main2.html
>
> Just have a look.
>
> What's the deal with it?
>
> Thanks for any help with it.[/color]
Your main problem is that you are using a table for something it was not
designed to do.

Second, IE6 does not properly support XHTML.

Third your XML appears invalid.

Fourth, user agents do render tables differently so they are ill suited
for "locked" designs like yours.

My advice
Drop XHTML, it is of no use unless you really need to use XML. Use HTML
401 strict or even transitional.
Drop the table scheme. Using absolute positioning you can achieve your
effect far more easy with a <div> element.

BTW I like the basketball effect :)
  #4  
Old July 24th, 2005, 12:53 AM
Oliver
Guest
 
Posts: n/a
Default Re: Where am i wrong?

Ståle Sæbøe schrieb:[color=blue]
> Oliver wrote:
>[color=green]
>> Hi guys,
>> i stumbled over another problem that i can't figure out.
>> Firefox is showing me the table how i expected it and IE6.0 doesn't do
>> me good.
>>
>> http://www.twistedeyes.com/temp/test/main2.html
>>
>> Just have a look.
>>
>> What's the deal with it?
>>
>> Thanks for any help with it.[/color]
>
> Your main problem is that you are using a table for something it was not
> designed to do.
>
> Second, IE6 does not properly support XHTML.
>
> Third your XML appears invalid.
>
> Fourth, user agents do render tables differently so they are ill suited
> for "locked" designs like yours.
>
> My advice
> Drop XHTML, it is of no use unless you really need to use XML. Use HTML
> 401 strict or even transitional.
> Drop the table scheme. Using absolute positioning you can achieve your
> effect far more easy with a <div> element.
>
> BTW I like the basketball effect :)[/color]


OK!
So i did drop the idea of using XML, don't know why i wanted it there,
maybe i just thought trying the newest stuff.
So i moved to HTML 4.01 transitional. Changed the code and now it's
valid HTML 4.01 and CSS Code.
Next thing i'll try is with div tags and absolute positioning. Hope that
does help me, as i need these tables in different sizes and positions.
thanks for your help.
Cheers
  #5  
Old July 24th, 2005, 12:53 AM
David Ross
Guest
 
Posts: n/a
Default Re: Where am i wrong?

Oliver wrote:[color=blue]
>
> Ståle Sæbøe schrieb:[color=green]
> > Oliver wrote:
> >[color=darkred]
> >> Hi guys,
> >> i stumbled over another problem that i can't figure out.
> >> Firefox is showing me the table how i expected it and IE6.0 doesn't do
> >> me good.
> >>
> >> http://www.twistedeyes.com/temp/test/main2.html
> >>
> >> Just have a look.
> >>
> >> What's the deal with it?
> >>
> >> Thanks for any help with it.[/color]
> >
> > Your main problem is that you are using a table for something it was not
> > designed to do.
> >
> > Second, IE6 does not properly support XHTML.
> >
> > Third your XML appears invalid.
> >
> > Fourth, user agents do render tables differently so they are ill suited
> > for "locked" designs like yours.
> >
> > My advice
> > Drop XHTML, it is of no use unless you really need to use XML. Use HTML
> > 401 strict or even transitional.
> > Drop the table scheme. Using absolute positioning you can achieve your
> > effect far more easy with a <div> element.
> >
> > BTW I like the basketball effect :)[/color]
>
> OK!
> So i did drop the idea of using XML, don't know why i wanted it there,
> maybe i just thought trying the newest stuff.
> So i moved to HTML 4.01 transitional. Changed the code and now it's
> valid HTML 4.01 and CSS Code.
> Next thing i'll try is with div tags and absolute positioning. Hope that
> does help me, as i need these tables in different sizes and positions.
> thanks for your help.
> Cheers[/color]

Actually, you should avoid absolute positioning. You should use
relative positioning so that the page will look okay for browser
windows that are not maximized and on systems that have fewer
pixels per screen.
--

David E. Ross
<URL:http://www.rossde.com/>

I use Mozilla as my Web browser because I want a browser that
complies with Web standards. See <URL:http://www.mozilla.org/>.
  #6  
Old July 24th, 2005, 12:53 AM
Ståle Sæbøe
Guest
 
Posts: n/a
Default Re: Where am i wrong?

David Ross wrote:
[color=blue]
> Actually, you should avoid absolute positioning. You should use
> relative positioning so that the page will look okay for browser
> windows that are not maximized and on systems that have fewer
> pixels per screen.[/color]

Relative positioning places an element offset from its normal position,
absolute positioninig places it relative to the containing block. There
is no should or should not. They have their uses. Do what is right for
your page :)
  #7  
Old July 24th, 2005, 12:53 AM
Stephen Poley
Guest
 
Posts: n/a
Default Re: Where am i wrong?

On Sat, 19 Mar 2005 19:39:11 -0800, David Ross <nobody@nowhere.not>
wrote:
[color=blue]
>Actually, you should avoid absolute positioning. You should use
>relative positioning so that the page will look okay for browser
>windows that are not maximized and on systems that have fewer
>pixels per screen.[/color]

The terminology is a bit confusing; I think you mean to recommend using
normal flow. CSS relative positioning is of limited use. See
http://www.w3.org/TR/REC-CSS2/visuren.html#comparison for the comparison
between them.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/
  #8  
Old July 24th, 2005, 12:53 AM
me
Guest
 
Posts: n/a
Default Re: Where am i wrong?

"Oliver" <oliver_summa@web.de> wrote in message
news:d1i7qq$v6k$04$1@news.t-online.com...[color=blue]
> Hi guys,
> i stumbled over another problem that i can't figure out.
> Firefox is showing me the table how i expected it and IE6.0 doesn't do
> me good.
>
> http://www.twistedeyes.com/temp/test/main2.html
>
> Just have a look.
>
> What's the deal with it?
>
> Thanks for any help with it.[/color]

I think I found some problems in your table. Curious that IE reveals the
problem and FF doesn't. The table below should behave better in IE.
Good Luck,
me

<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td rowspan="2"><img src="./main_images/Basketball.gif" class="images"
border="0" width="65" height="80" alt="Spinning Ball"></td>
<td height="49">&nbsp;</td>
</tr>
<tr>
<td>
<h2>Willkommen</h2>
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>
<p>Hallo,<br>
wie Du sicherlich bemerkt hast befindet sich die Basketball Seite von
Burgfarrnbach derzeit im Umbau. Deshalb haben wir noch nicht, wie bisher
gewohnt alle Rubriken gef&uuml;llt. Also komm immer wieder mal her und
seh Dich um, was sich so getan hat.</p>
<p>Noch ein Hinweis: die Webseite ist am Besten zu sehen mit einem Browser,
der auf der Mozilla Engine aufbaut:<br>
Also Firefox, Mozilla ... da diese Browser den CSS2 Standard besser
unterst&uuml;tzen
als der Microsoft Internet Explorer. Trotzdem können alle Inhalte ohne
Beeintr&auml;chtigung in allen Browsern gesehen werden.</p>
</td>
</tr>
</table>


  #9  
Old July 24th, 2005, 12:53 AM
Oliver
Guest
 
Posts: n/a
Default Re: Where am i wrong?

Stephen Poley schrieb:[color=blue]
> On Sat, 19 Mar 2005 19:39:11 -0800, David Ross <nobody@nowhere.not>
> wrote:
>
>[color=green]
>>Actually, you should avoid absolute positioning. You should use
>>relative positioning so that the page will look okay for browser
>>windows that are not maximized and on systems that have fewer
>>pixels per screen.[/color]
>
>
> The terminology is a bit confusing; I think you mean to recommend using
> normal flow. CSS relative positioning is of limited use. See
> http://www.w3.org/TR/REC-CSS2/visuren.html#comparison for the comparison
> between them.
>[/color]
OK,
i did now the thing with the div tags and absolute/relative positioning.
It works almost perfect, though i kinda like it how it looks now.

You can see it on:
http://www.twistedeyes.com/temp/test/main.html

Thx
  #10  
Old July 24th, 2005, 12:53 AM
me
Guest
 
Posts: n/a
Default Re: Where am i wrong?

"Oliver" <oliver_summa@web.de> wrote in message
news:d1kpld$fie$04$1@news.t-online.com...[color=blue]
> Stephen Poley schrieb:[color=green]
> > On Sat, 19 Mar 2005 19:39:11 -0800, David Ross <nobody@nowhere.not>
> > wrote:
> >
> >[color=darkred]
> >>Actually, you should avoid absolute positioning. You should use
> >>relative positioning so that the page will look okay for browser
> >>windows that are not maximized and on systems that have fewer
> >>pixels per screen.[/color]
> >
> >
> > The terminology is a bit confusing; I think you mean to recommend using
> > normal flow. CSS relative positioning is of limited use. See
> > http://www.w3.org/TR/REC-CSS2/visuren.html#comparison for the comparison
> > between them.
> >[/color]
> OK,
> i did now the thing with the div tags and absolute/relative positioning.
> It works almost perfect, though i kinda like it how it looks now.
>
> You can see it on:
> http://www.twistedeyes.com/temp/test/main.html
>
> Thx[/color]

In the link you gave in your OP:
http://www.twistedeyes.com/temp/test/main2.html I see a box made of blue
lines. There is a break in the lines just to the left of the word
"Willkommen". I assumed that you wanted to get rid of this gap which is why
I posted a table that would fix this.

In the link you give now I see the same box, the gap is gone but now the
blue lines that surround the word "Willkommen" is offset to the right of the
lower box that contains the rest of the text. IMO based on the link you gave
in your OP this doesn't look like an improvement to me but YMMV.

By the way I'm using IE6 on Windows.
Good Luck,
me


  #11  
Old July 24th, 2005, 12:53 AM
Oliver
Guest
 
Posts: n/a
Default Re: Where am i wrong?

me schrieb:[color=blue]
> "Oliver" <oliver_summa@web.de> wrote in message
> news:d1kpld$fie$04$1@news.t-online.com...
>[color=green]
>>Stephen Poley schrieb:
>>[color=darkred]
>>>On Sat, 19 Mar 2005 19:39:11 -0800, David Ross <nobody@nowhere.not>
>>>wrote:
>>>
>>>
>>>
>>>>Actually, you should avoid absolute positioning. You should use
>>>>relative positioning so that the page will look okay for browser
>>>>windows that are not maximized and on systems that have fewer
>>>>pixels per screen.
>>>
>>>
>>>The terminology is a bit confusing; I think you mean to recommend using
>>>normal flow. CSS relative positioning is of limited use. See
>>>http://www.w3.org/TR/REC-CSS2/visuren.html#comparison for the comparison
>>>between them.
>>>[/color]
>>
>>OK,
>>i did now the thing with the div tags and absolute/relative positioning.
>>It works almost perfect, though i kinda like it how it looks now.
>>
>>You can see it on:
>>http://www.twistedeyes.com/temp/test/main.html
>>
>>Thx[/color]
>
>
> In the link you gave in your OP:
> http://www.twistedeyes.com/temp/test/main2.html I see a box made of blue
> lines. There is a break in the lines just to the left of the word
> "Willkommen". I assumed that you wanted to get rid of this gap which is why
> I posted a table that would fix this.
>
> In the link you give now I see the same box, the gap is gone but now the
> blue lines that surround the word "Willkommen" is offset to the right of the
> lower box that contains the rest of the text. IMO based on the link you gave
> in your OP this doesn't look like an improvement to me but YMMV.
>
> By the way I'm using IE6 on Windows.
> Good Luck,
> me
>
>[/color]
Yeah right! It wasn't my intention first to have it offsetted. But now i
like it.
Thanks for your help.
 

Bookmarks

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are Off
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

What is Bytes?

We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights. Get the best answers to your questions from over network members.
Post your question now . . .
It's fast and it's free

Popular Articles