247portal-broad template problem on Safari

DevServe · 22.02.2005, 02:39

Anyone know the template "247-portal-broad"?? I picked it up at a German Mambo template site the other day. Anyways, it doesn't render correctly on the Mac (Safari.) I'm wondering if anyone has fixed that.

If you want an example, see:

http://beta.idevgames.com/

Cheers,

RELOADER · 22.02.2005, 04:37

hi,

i develop all templates (247portal also) on win xp under Firefox, IE, Netscape and Avant-Browser.

i havent a mac but I know the safari has some problems with css styles !! here a css-sample for testing :

Code:

<form>
<input type="text" style="width: 200px;"><br><br>
<input type="text" style="width: 200px; border: 1px solid black;"><br><br>
<input type="text" style="width: 200px; border: 1px dotted red;"><br><br>
<input type="text" style="width: 200px; border: 1px solid black; background-color: #FFFF00;"><br>
</form>

look on the Apple Mozilla - Browser and then on Safari... you can see the bug ?!

best regards

david

DevServe · 22.02.2005, 05:44

You did a super job in that template. Very clean design. Now I just have to work out the Mac issues.

mammothman · 15.03.2005, 02:11

Quote:

Originally Posted by DevServe

Anyone know the template "247-portal-broad"?? I picked it up at a German Mambo template site the other day. Anyways, it doesn't render correctly on the Mac (Safari.) I'm wondering if anyone has fixed that.

If you want an example, see:

http://beta.idevgames.com/

Cheers,

Try putting a <tbody> tag just after your <body> tag, and a </tbody> tag just before </body>.

This has resolved some Safari issues for me on a few templates.

Good luck!

CCamacho · 15.03.2005, 02:45

I tried the <tobody> tag. The template is fine in Firefox, but still a little wacky at the top in Safari.

To see what I mean, visit http://beta.idevgames.com/.

The top left and top right graphics are a tad lower than the top center section.

Cheers,

Carlos

CCamacho · 15.03.2005, 06:24

I just got a good tip that the problem is on 35 ....

style="padding-top:14px;"