nice and clean but IE-css dirt

post released sites here made with phpwcms
Post Reply
andiz7
Posts: 41
Joined: Mon 14. Feb 2005, 13:09

nice and clean but IE-css dirt

Post by andiz7 »

hi,
www.andreaszingerle.com, my portfolio page.

I am still struggling with the IE-workaround, /http://www.triggermedia.net/az/ie.css) can't implement it in the default css,... maybe I get some advices here...

comments welcome.

thanks
User avatar
update
Moderator
Posts: 6455
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: nice and clean but IE-css dirt

Post by update »

put this into your HEAD section

Code: Select all

<!--[if lt IE 7]>
<link rel="stylesheet" href="template/inc_css/specific/your-ie6.css" type="text/css">
<![endif]-->
It's mostly all about maintaining two or three customer's sites Still supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.
Now building a venue for young artists to get wet on stage, rehearsal rooms, a studio, a guitar shop - yes I'm going to build some guitars.
andiz7
Posts: 41
Joined: Mon 14. Feb 2005, 13:09

Re: nice and clean but IE-css dirt

Post by andiz7 »

thanks for the very quick reply but sorry to say it doesn't help much... tried the netrenderer (http://meineipadresse.de/netrenderer/index.php) and still looks same...
User avatar
update
Moderator
Posts: 6455
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: nice and clean but IE-css dirt

Post by update »

which version of phpwcms are you running?
Why is the page running in Quirks mode?
And the following needs to be fixed:
Result: 0 errors / 30 warnings

line 24 column 30 - Warning: discarding unexpected <!DOCTYPE>
line 26 column 1 - Warning: discarding unexpected <html>
line 27 column 1 - Warning: discarding unexpected <head>
line 28 column 1 - Warning: <meta> isn't allowed in <td> elements
line 24 column 1 - Info: <td> previously mentioned
line 36 column 1 - Warning: discarding unexpected <body>

line 112 column 953 - Warning: inserting implicit <p>
line 59 column 1 - Warning: trimming empty <h1>
line 59 column 10 - Warning: trimming empty <h2>
line 72 column 102 - Warning: trimming empty <span>
line 72 column 142 - Warning: trimming empty <span>
line 72 column 62 - Warning: trimming empty <span>
line 75 column 71 - Warning: trimming empty <span>
line 78 column 130 - Warning: trimming empty <span>
line 78 column 170 - Warning: trimming empty <font>
line 78 column 87 - Warning: trimming empty <font>
line 81 column 142 - Warning: trimming empty <span>
line 84 column 173 - Warning: trimming empty <span>
line 87 column 164 - Warning: trimming empty <span>
line 90 column 162 - Warning: trimming empty <span>
line 93 column 166 - Warning: trimming empty <span>
line 96 column 172 - Warning: trimming empty <span>
line 99 column 178 - Warning: trimming empty <span>
line 99 column 135 - Warning: trimming empty <font>
line 99 column 92 - Warning: trimming empty <font>
line 103 column 170 - Warning: trimming empty <span>
line 106 column 143 - Warning: trimming empty <span>
line 109 column 160 - Warning: trimming empty <span>
line 112 column 173 - Warning: trimming empty <span>
line 112 column 676 - Warning: trimming empty <span>
line 112 column 953 - Warning: trimming empty <p>
Info: Doctype given is "-//W3C//DTD HTML 4.01 Transitional//EN"
Info: Document content looks like HTML 4.01 Transitional
Info: No system identifier in emitted doctype
It's mostly all about maintaining two or three customer's sites Still supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.
Now building a venue for young artists to get wet on stage, rehearsal rooms, a studio, a guitar shop - yes I'm going to build some guitars.
User avatar
Heiko H.
Posts: 868
Joined: Thu 27. Oct 2005, 11:41
Location: Dresden
Contact:

Re: nice and clean but IE-css dirt

Post by Heiko H. »

Hi,
...but IE-css dirt
:shock:
I don't like IE too, but SORRY really dirty is your sourcecode!

What that means e.g.( line 27)?

Code: Select all

<td valign="top" width="538"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
And a lot of other things, like claus already wrote.
Please fix all these errors first, than be proud... :wink:

Good luck Heiko...
Not longer here - sorry...

Haubner-IT GbR Dresden
User avatar
santscho
Posts: 1442
Joined: Mon 2. Apr 2007, 08:56
Location: Schweiz

Re: nice and clean but IE-css dirt

Post by santscho »

if you could imagine to use the yaml framework for this site (with fixed IE Bugs), I would offer you to create the main grid of your template. just because i am in a very good mood today :-) and it is not a lot of work.

I like your website. Kind of warm with the wooden background.

Ralph
Schon Konfuzius sagte: "Sei kein YAML-Lappen". YAML-phpwcms-Integration auf http://www.yaml.phpwcms.org
User avatar
santscho
Posts: 1442
Joined: Mon 2. Apr 2007, 08:56
Location: Schweiz

Re: nice and clean but IE-css dirt

Post by santscho »

Habe mir mal die Mühe gemacht, Dein Template im YAML-Framework nachzubilden:
http://www.mediasolution.com.sg/downloads/andreas/

Im FF/Safari/IE7/IE6 sieht es nicht schlecht aus. W3C bestanden.

Habe auch noch Deine frontend.css bisschen rausgeputzt und in die content.css von YAML integriert. Am Ende der CSS findest Du alle phpwcms-spezifischen Klassen.
Das Template und das YAML-Framework lässt sich ganz einfach in phpwcms integrieren. Habe im ZIP-file schon die richtige Server-Ordnerstruktur nachgebildet. Keine Ahung wie gut Du dich mit Templates... auskennst. Jedenfalls hier ein paar Hints:

index.html = Code für ins Template
{NAV_LIST_UL:F,49,,act_path,active} (in index.html) = Multilevel Navigation. Die 49 erstetzen (Null = Abbilden von "HOME" abwärts.. Die Dummy-Navigation im html kannst Du löschen.
template -> yaml = Core files des YAML frameworks. yaml nicht umbenennen oder verschieben. Nichts an den Dateien im yaml-Ordner verändern!
template -> inc_css -> my_layout.css = Im Template als Deine CSS auswählen (anstelle frontend.css). Das ist die Kontroll-CSS. Von hier werden die verschiedenen CSS-Dateien aus yaml und screen und patches importiert.
template -> inc_css -> screen -> basemod.css = Steuerung Deines XHTML-Templates. Hier wird das Layout verändert.
template -> inc_css -> screen -> content.css = Alle CSS-Standardklassen aus YAML plus ein paar aus Deiner alten frontend.css
template -> inc_css -> screen -> nav_vlist.css = Deine Navigation. CSS für 4 Strukturebnen sind integriert. Für Deine Website ist nur Ebene Null zuständig.
template -> inc_css -> patches = browserbug fixes spezifisch für Dein XHTML-Template

Hier der Download: http://www.mediasolution.com.sg/downloa ... s/root.zip

Hat Spass gemacht. Übernehme aber keine Garantie :-)

Ralph
Schon Konfuzius sagte: "Sei kein YAML-Lappen". YAML-phpwcms-Integration auf http://www.yaml.phpwcms.org
User avatar
Heiko H.
Posts: 868
Joined: Thu 27. Oct 2005, 11:41
Location: Dresden
Contact:

Re: nice and clean but IE-css dirt

Post by Heiko H. »

Mensch Ralph, Du legst dich ja ins Zeug.
Hut ab! (hier fehlt ein "Daumen-Hoch-Smiley")

Heiko...
Not longer here - sorry...

Haubner-IT GbR Dresden
User avatar
santscho
Posts: 1442
Joined: Mon 2. Apr 2007, 08:56
Location: Schweiz

Re: nice and clean but IE-css dirt

Post by santscho »

Habe gesehen, dass die Seite jetzt auf YAML läuft. CSS jetzt fein, doch da stimmt im html etwas nicht. Und noch was...

Code: Select all

<link href="include/inc_css/my_layout.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 7]>
<link href="include/inc_css/patches/patch_my_layout.css" rel="stylesheet" type="text/css" />
<![endif]--> 
CSS-Dateien haben in include nix verloren. Das sollte template heissen.

Wenn Du willst, gib mir mal FTP- und phpwcms-Zugriff. Kann das fixen.
Schon Konfuzius sagte: "Sei kein YAML-Lappen". YAML-phpwcms-Integration auf http://www.yaml.phpwcms.org
Post Reply