• NOW LIVE! Into the Woods--new character species, eerie monsters, and haunting villains to populate the woodlands of your D&D games.

I need Windows people to make sure my website looks okay

Enforcer

Explorer
I recently picked up a book on XHTML and CSS and designed myself a website for use in a future d20 Modern game. I have a Mac, and while the site looks absolutely fine on Safari 2.0 and Firefox 1.0.4 for Mac, I wanted to make sure that it looks good on Windows.

So, if you're willing, please take a look here and tell me if everything looks okay. Oh, and if you volunteer, please tell me what web browser you use (and the version).

Thanks!
 

log in or register to remove this ad




Looks good to me. Running Windows 2000 and Firefox 1.0.4. Also tried it with Microsoft Internet Explorer 6.0 without a hitch.
 

Looks OK to me on WinXP Prof. using Firefox. 1280x1024 res.
Although your Houserules page needs better right side margin. The text runs right to edge of screen.
 


Alrighty, it seems I can safely declare my efforts a success! Thanks for all the replies (and I'll look into the margins).
 

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<!--I've no idea what the above mumbo-jumbo means, but my xhtml/css book said to put it in there...-->

All this is used to help the web browser figure out what you are trying to do.

The doctype tag tells the browser what kind of HTML you use, in this case XHTML 1.0, and the Transitional kind. The two common XHTML types are Transitional (general purpose) and Strict (a minimal version with very few tags). Because the XHTML and HTML 4.01 (for example) markup differ this tag is needed to make sure the document is "parsed" correctly by the browser. Anology: This tag tells the gamer what game (say, D&D 3.5, Fallout) you use in your group. The gamer needs this information to play with you.

The xmlns-part of the regular HTML tag tells the browser what xml namespace is used. XML is a general purpose markup language and does not have to include the common tags such as head, body, a or strong. Anology: This tag tells the game system, such as d20. If you know you play a d20 game, you know you have reserved words such as AC, HP, STR etc, and that by STR you mean the d20 kind and not the kind you use in various programming languages.

The xml tag identifies the document as a xml document. XHTML is, after all, a XML document. Encoding tells the browser how to interpret weird characters, such as chinese letters. This tag tells the gamer you are playing a Role Playing Game, in English. :p

Hope that helps a little.

Edit: The above has nothing to do with XHTML and CSS itself, so dont worry too much about it. _You_ already know that you are creating a webpage using XHTML, but the browser does not. :) You dont have to know this to design Great Webpages.
 
Last edited:

Hope I don't burst your bubble, but it depends on the resolution that you are viewing it at. If you do less than 800x600 your main text overlaps with your left sidebar region. This is likely due to the way you have set up your regions, probably as absolutely positioned, which is a bad idea. If, however, you don't care about how it looks at 800x600 or less then it's fine. If you do want to try and fix it, use a "float:left" instead of absolute positioning.
 

Into the Woods

Remove ads

Top