Homebrew BrowserHax website problems

[TheTechGenius]

I am creating a BrowserHax Website, so just in case the public browserhax websites go down or something like that, I will still be able to launch Wii-U hacks.

However, after I coded most of the website, i go to the site on my Wii-U and it seems that some items and links are out of place, like some of the formatting is off.

I think it may be because of the Wii-U internet browser, but I don't know what code i can put in the CSS to format the site just for the Wii-U. I know there is code to format websites for different internet browsers. The code detects which internet browser you are using, and formats the website based on the browser your using.

But I don't know the code to format websites based on the Wii-U internet browser.

Does anyone know what I am talking about? Can anyone help me? Please?

Here is the Wii-U BrowserHax website I am currently working on:

http://wiiu.thetechgenius.net/

Try to visit the site on your PC, then visit the site on your Wii-U, so you can see what I am talking about. You can see the differences right away, between the PC Browser and the Wii-U Browser.

-Thank You,
Gary aka TheTechGenius

 

[Deleted User]

Looks alright.
It might be due to that it scales sites to Gamepad resolution [480p] so that's why the other one goes straight to the right side.

 

[pwsincd]

in the html :

<meta content="width=854, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />

in the css :

body {
position: absolute;
top: 0; left: 0; right: 0;
margin: 0 auto;
width: 854px;
height: 448px;}

for DRC

if you want to be responsive to different media you can add things like this to CSS :

@media screen and (min-width: 700px) {}

to control the screens layout dependant upon its res.

but erm nice site i think ... it looks very familiar.

did u simply cut and paste our code : please leave the authors names in place if you do .. would be courteous of ya

--------------------- MERGED ---------------------------

also you have a very interesting footer :

http://i.imgur.com/gbtafVK.png

 

[TheTechGenius]

in the html :

<meta content="width=854, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />

in the css :

body {
position: absolute;
top: 0; left: 0; right: 0;
margin: 0 auto;
width: 854px;
height: 448px;}

for DRC

if you want to be responsive to different media you can add things like this to CSS :

@media screen and (min-width: 700px) {}

to control the screens layout dependant upon its res.

but erm nice site i think ... it looks very familiar.

did u simply cut and paste our code : please leave the authors names in place if you do .. would be courteous of ya

--------------------- MERGED ---------------------------

also you have a very interesting footer :

http://i.imgur.com/gbtafVK.png

The layout is like yours, I did use some code of yours, just to have somewhere to start from. But believe it or not, most of it is actually my code. I just liked your layout do much, because it's simple yet professional. So when I was creating the layout, I had your site in mind while I was coding. However, I did use some of your code. Like on the navbar, the link hover border is your code, and a few other spots has some of your code.

EDIT:
I didn't mean to make it look like I was stealing your work, because I am all for giving credit where credit is due. And I was going to give you credit, I swear, I am just in the middle of putting everything together. But I was going to give you credit in the footer of the site.

When I finish the site, it should look a lot different then yours though, but you will still see some similarities, since I had the layout of your site in mind when I was coding the layout of my site. lol.

Sorry about that though. And thank you!

And if you view the source of the site, along with the source of the CSS, you will see most of it is my code.

 

[pwsincd]

your page includes the whole css code / and then strangely some of the code cut and pasted .. the majority of the html is ours rearranged / as you said layout and navbar too.. hehe .. nice try and then you attempt to copyright it lol.. cool.

but for your original question ... the css / html i gave you will control the page to fit the DRC . as an example try our old sites layout www.wiiubru.com/nokernel.html on your condole.

 

[TheTechGenius]

your page includes the whole css code / and then strangely some of the code cut and pasted .. the majority of the html is ours rearranged / as you said layout and navbar too.. hehe .. nice try and then you attempt to copyright it lol.. cool.

but for your original question ... the css / html i gave you will control the page to fit the DRC . as an example try our old sites layout www.wiiubru.com/nokernel.html on your condole.

Actually, I started from scratch when I first started coding the site. But I needed a base, a foundation to start from, to change and build on. As for the copyright at the bottom, I didn't mean for it so seem like I was stealing your work. Honestly I just put the copyright code there as a place holder, because I wanted to get the code right, to make sure the text is the right size, its being formatted correctly, etc.. I had all intentions to give you credit for your work. But like I said, that copyright code was just a type of placeholder, for where the real credits and copyright will be.

I did copy some of your code, but not all of it, just bits and pieces. And the site is not done yet, far from it. I won't use any more of your code, you have my word. The code on the site now, is basically the foundation, I will build on that foundation.

I have another question for you, would you like for me to remove all your code and start from scratch with all of my own code?
I can do that if you don't want me using any of your code. Honestly. I will remove it right away via FTP, please just let me know.

 

[pwsincd]

Actually, I started from scratch when I first started coding the site. But I needed a base, a foundation to start from, to change and build on. As for the copyright at the bottom, I didn't mean for it so seem like I was stealing your work. Honestly I just put the copyright code there as a place holder, because I wanted to get the code right, to make sure the text is the right size, its being formatted correctly, etc.. I had all intentions to give you credit for your work. But like I said, that copyright code was just a type of placeholder, for where the real credits and copyright will be.

I did copy some of your code, but not all of it, just bits and pieces. And the site is not done yet, far from it. I won't use any more of your code, you have my word. The code on the site now, is basically the foundation, I will build on that foundation.

I have another question for you, would you like for me to remove all your code and start from scratch with all of my own code?
I can do that if you don't want me using any of your code. Honestly. I will remove it right away via FTP, please just let me know.

just add the relavent credits and its fine.

 

[TheTechGenius]

just add the relavent credits and its fine.

I will add the credits. Thank you again. And im sorry for all of this.

 

[pwsincd]

you can also add in there a browser check : so heres my modified relys code that redirects dependant upon wether your on a wiiu with f/w 5.5.1 or not

https://pastebin.com/ZxGyGVA0

 

[TheTechGenius]

Oh wow, that is a huge help! Thank you for that! I was actually looking for a way to do that. But everywhere I looked, there was no where that had the WiiU browser included in the code. Thanks again!

Hey, maybe we can get together and collaborate on a future project or something like that.

Im pretty new to the WiiU scene, but I'm a very fast learner when it comes to anything tech related. And I'm pretty good at HTML, and PHP, and I'm pretty good at a C and C#, but I'm no expert, I'm still learning as I go.

 

[pwsincd]

We are on irc daily . Links in my signature.

 

[pwsincd]

i noticed you added the html .. but your css files are conflicting each other .. and a lot of things are fixed . so your loading my complete css page as main3.css after youve loaded your own.. page elements know which one to use how ??

 

[TheTechGenius]

i noticed you added the html .. but your css files are conflicting each other .. and a lot of things are fixed . so your loading my complete css page as main3.css after youve loaded your own.. page elements know which one to use how ??

At first I couldn't figure something out, I spent hours trying to position something. And this was before I added main3.css. So then I added main3 and it still didn't work. After awhile I did figure it out though. And I meant to disable main3 all together since it's basically confusing the browser on what to render and what not to render. I think I'll have to disable that CSS file and see what it does. What ever it does, I'll fix it in the main.css file.