Everything posted by WebDesignHelp
-
Hello
Hey guys
-
Browser Aligning
It's something I'll have to aim for, at least. I'd ideally like to have site appearance consistent across the three browsers prior to Monday as I'm starting up live again. If anyone who is clued up on CSS could relay suggestions as to what code needs to be added and/or taken away from the following sample page code from my site, I'd be extremely grateful <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- .style1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } .style2 {color: #000000} a:link { color: #000000; text-decoration: none; } a:visited { text-decoration: none; color: #000000; } a:hover { text-decoration: none; color: #000000; } a:active { text-decoration: none; } --> </style> </head> <body><br><div style="position: absolute; top: 50%; display: table-cell;vertical-align: middle; width: 100%"> <div style="position: relative; text-align: center; top: -50%"> <p class="style1 style1">PRESS/MEDIA<br> <br> Any press/media correspondence can be sent to:</p> <p class="style1"><a href="" style="text-decoration:underline"></a></p> <p class="style1"><br> If you'd like to be kept informed of activity,<br> just send an e-mail with in the subject line to:</p> <p class="style1"><a href="" style="text-decoration:underline"></a></p> <p class="style1"><a href="index.html" class="style2"><br> HOME </a></p> </div> </div> <br> </body> </html>
-
Browser Aligning
I don't think the outlined strategy works, I'm afraid. Here's some basic coding for a webpage (including the suggested strategy for having text appear at the same place on the computer screen with each of the three mentioned browsers)... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Example Page</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> #main_container { position:absolute; top:50%; left:50%; width:700px; height:700px; margin-top:-350px; margin-left:-350px; } </style> </head> <body> <div id="main_container"> <p>content content content</p> <p>content content content</p> </div> </body> </html> Pressing "Preview In Browser" and selecting the three browsers respectively shows that, whilst text is aligned in more or less the same place atop the screen with Firefox and Safari, it's off-screen with Internet Explorer. Thanks for suggestions thus far. Feel free to make some more. Surely there's a facility designed to make text/content uniform across all browsers. It seems such a basic thing people would want their sites to do.
-
Browser Aligning
Thanks, Rob. Bit more clear on it now. Still confused about where to put the actual CSS coding (the first example, with lots of parameter settings, that Elan gave in an above post), though. Should I insert that somewhere in the HTML coding or does it go elsewhere?
-
Browser Aligning
Hmmm...I'm unsure as to where to put the CSS bit in the coding of my webpages.
-
Hello
Cheers, guys. Quite grateful of the forum. Looks like a good resource
-
Browser Aligning
Thanks for the feedback, guys. The site's quite minimal, I know. Might try navigation on each page sometime. I'll have a go with what you suggest and see what happens, Elan
-
Hello
Hi Web Design folks. I'm Chris. A creative person and web design novice from the UK
-
Browser Aligning
Hello there. I'll do just that The URL of my site is... It's a music site.
-
Browser Aligning
Hi WDF folks, I've recently realised that, although my site aligns well in Internet Explorer, it's all over the place with Firefox and Safari. Just wondering how to ensure alignment's not affected by choice of browser. Is it just a matter of adding an invisible box with certain parameters around the content of each page in Dreamweaver? At the moment, what appears centred in the middle of the screen with Internet Explorer appears at the base of the screen with Firefox and Safari. I'd be grateful of any advice. Thanks, WDH :>)