HTML - Best Practice To Position This

I need to make my site suitable for mobile browsers (small resolution, etc.) and looked at this page which gives tips on how to do it.

It seems like a nightmare! I think it would be much simpler just to create a special version of the site and redirect people to it when they go to the main page.

Is redirecting considered a bad idea? And if so, why?

Hello Reader,

I am very new at html (so please no CSS) and this is what Im trying to do
1) Have my logo on the far right and the page
2) Put the website name in the centre of the page

Ive done a wrap (I think and it seems to be working) the problem is:

the website name is not going in the centre of the whole page but the centre of the page from where the logo ends (on the right of the page).

So if you look at the company name its not in the centre of the page but in the centre of the page from where the logo ends.

I have decided to work with that as it will actually look good with what I want to do -

My question is this: If I did want to centre the company name to the middle of the page could I use &nbsp (loads of them!) to position it exactly where I wanted on the page and is that good practice? And if not what can I use in its stead??

Any advice will be very much appreciated!!!!

Hi all.

I have a page at:
http://bartending.com/forum/page.php?page=joke&type=1
My div entitled "Featured" is not lining up. Can any body tell me why?

Thank you =)

Light and Love and Healing to you,
-Patrick Arden McNally

Hi

I' try to work with div tag for the first time and I would lke to know how do I pu div tag in the center of the page. Margin-left it's not the rigt solution. Any other idea?

Code:

<div id="slideshowContainer">

<div id="imagecontainer">
<script type="text/javascript">
changeslides("initial")
</script>
</div>

<div id="numberDiv">
<script type="text/javascript">
createnumbers() 
</script>
</div>

<div id="backforthbuttons">
  <div><a href="javascript:goforward()" style="float: right"><img src="../images/buttons/foward.gif" border="0"></a> <a href="javascript:goback()"><img src="../images/buttons/back.gif" border="0"></a>
  </div>
  </div>
</div>

I have never been good with this... I cannot get an iframe to be positioned correctly on more than one computer.

http://www.e-lusively.com

I am using Firefox with 1280x800 and it looks fine for me.
Ugh how can I get it to look good in any resolution? Please help...

Hey guys

I am trying to build a website and I have an image I am trying to write over top of,so I have used a div tag and positioned it and it works. The only problem is when I view the site on another computer that has a different size computer the text is placed completely wrong but on mine it is perfect. Any way to fix this?

Code:

<div class="style1" style="position:absolute; margin:3px; padding:3px; left:850px; top:154px; width: 50px; height: 25px;">
  <a href="page1.htm>1</a></div>

i want the blue bar stay at the top of <div
if i used scroll of div

code of div
PHP Code:
<style type="text/css" media="all">

    #boxtable {
    /*the chat div container*/
    text-align:left;
    margin:0 auto;
    margin-bottom:10px;
    padding:1px;
    background-color: #f0f0f0;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-right: 1px solid rgba(9, 9, 9, 0.125);
height:400px;
    width:910px;
    overflow:auto;

}


</style> 


PHP Code:
<div id="boxtable" >
<div id="blueBarHolder" class="slim">
<div class=" fixed_elem" id="blueBar">




</div></div>
Work closely with Development team to ensure timely completion of deliverable.<br>
WorkcloselywithDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywithDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywithDevelopmentteamtoensuretimelycompletionofdeliverable
Analyze, design, develop, implement, and maintain moderate to complex computer programs and subsystems<br>

</div> 


i have tried

PHP Code:
<style type="text/css" media="all">

.slim #blueBar{
height:37px;}




#blueBar{background-color:#3b5998;min-width:981px;width:100%;z-index:300}


.fixed_elem{position:absolute;
}

</style> 


it worked but ****ed up the style..

picture in attackments


thx for help

Hi,

I am looking for the easiest and reliable solution to make the "View on Google Maps" image to look like here
http://www.dublinbynumbers.com/troubleshooter.html
instead of here http://www.dublinbynumbers.com/categories/cinemas

The solution should work in both IE/FF and any screen resolution.

Thanks in advance for your help,
Sorin

Hey, im working on a site for my School final project worth 30% of my mark.lol
Anyways i made a simple table with a picture in it plus a heading.
Everytime i make a table, it just it just stays right underneath my navigation. it never moves and i dont know how to move the entire table as a whole.
Im new to coding so im not sure how to fix this problem.
here is an example of my html and css code.
--------------------------------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Welcome to my Web Portfolio Site</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="Home1.css" />
</head>
<div id="header">
<p><img src="Web Photos/banner.jpg" class="feature" width="450" height="90" /></p>
</div>
<body id="Home">
<div id="navigation">
<ul id="tabnav">
<li class="Home"><a href="Home.html">Home</a></li>
<li class="About Me"><a href="#">About me</a></li>
<li class="Application"><a href="#">Application</a></li>
<li class="Careers"><a href="#">Careers</a></li>
<li class="Links"><a href="#">Links</a></li>
<li class="Gallery"><a href="#">Gallery</a></li>
</ul>
</div>
<TABLE class="home" border="0" RULES=GROUPS >
<THEAD>
<TR> <TH>Welcome</TH> </TR>
</THEAD>
<TBODY>
<TR> <TD><img src="Web Photos/banner2.jpg" class="feature" width="760" height="200" /></TD> </TR>
</TBODY>
--------------------------------------------------------------------------------------------------------
body {
color: #000000;
}

#header p {
text-align: right;
padding-right: 2px;
padding-left: 10px;
}

ul#tabnav {
list-style-type: none;
margin: 0;
padding-left: 20px;
padding-top: 0px;
padding-bottom: 30px;
border-bottom: 1px solid #7d7d7d;
font: 20px Tahoma, arial, sans-serif;
}

ul#tabnav li {
float: left;
height: 20px;
margin: 2px 2px 0 2px;
padding: 4px;
}

#navigation a {
text-decoration: none;
}

table.home th {
text-align: left;
color: #7d7d7d;
font-family: 7px Tahoma, Verdana, Arial;
}

table.home th, table.home td {
border: 1px solid #7d7d7d;
padding-top: 5px;
}

a:link {
color:#7d7d7d;
}

a:visited {
color: #7d7d7d;
}

a:hover {
text-decoration: none;
color: #FFFFFF;
}

a:active {
color: white;
background-color: none;
}

--------------------------------------------------------------------------------------------------------

Hi

Comparing this code

<div style="border:1px solid black; width:120px;height:25px; padding-top:0px;">hello</div>

in Internet Explorer 9 and FireFox 4 shows, that the word 'hello' is not at the same vertical position.

Is there a method, to adjust this?

Thanks for your information.

Patrick

Hello All,

I have a problem with div position in my html page. I need two divs position=relative aligned with a single div. Basically I have a header panel, content panel (have two vertical column height changed dynamically) and a footer panel. So Content panel vertical column needs to align with header panel. I need all div tags position relative, so when every div increases in height bottom div sifted down automatically.

I have this

http://www.arunverma.info/webmaster_help/

Can sombody help me to short it out.

Thanks in advance

Sunil

I want to position my slideshow in the center of the side.
the buttons are positioned with css.
http://javascript.lima-city.de/

Who can help ?

Hello everyone,
I've go this code here for positioning the "comments and frieands" together in in a scroll box at the bottom of the page.

But I'd like to put it in a sertante position. Could anyone plaese help me find out were and what to put in this code.

And for more information this is a code I want to put within a "div" image and place it in relation to were the image is (0,0) not were the page starts (0,0).

--------------------------------------------------------------------------------------------------------
<i class=i>
<a href="http://xiii.us/ms/center-friends-and-comments"</a>scroll center friends and comments</a></i>
</td></tr></table>
</td></tr></table>
</td></tr></table>
<div class="myDClassFC">
<table><tr><td>
<table class="off"><tr><td>
<table><tr><td>
<style>
.i {display:none;}
div.myDClassFC {height:400px; overflow:scroll; overflow-x:hidden}
</style>
<i class="i">!-END Block to put Friends and Comments in a Scroll Box-! </i>
-----------------------------------------------------------------------------------------------------


Well I appreciate everyones thought.

In IE7, 6, and 5 and only in IE7, 6, and 5 my flash navigation menu jumps around a little bit from page to page (no more than half of an inch or so per page, minor, but irritating). Probably an easy fix, but how? Do I need to wrap in a div first or should I just apply the rule to the td with an ID? And, should I use absolute positioning, relative, or neither? And I know I know navigation menu not good - I am working on text links for the bottom.

One of the pages in question is below, but just navigate around the site and you will see what I am talking about. Much thanks!

http://www.buildingblockshomedaycare.com/parents.html

I am having a real problem with keeping the text located at the top of the page right below the navigation. for some reason the text and photos just drop down the page in IE. No problem in Safari though. This seems to only be happening with images on the page.

http://www.musicbridgesinternational.com

please help I have no idea what the problem is here.

thank you!